WPML

点击页面时语言切换器区块无法关闭

发布于 2024-07-10
状态
未解决
报告针对
WPML Multilingual CMS 4.6.11
主题标签
Bug

问题概述

如果您使用的是语言切换器 Gutenberg 区块及其Dropdown click选项，您会注意到，当点击下拉区域外部时，它不会按预期关闭。

临时解决方法

请在继续操作前确保已对您的站点进行完整站点备份。


  • 打开 …/wp-content/plugins/sitepress-multilingual-cms/classes/block-editor/Blocks/LanguageSwitcher/Render.php 文件。

  • 找到第 123 行。

  • 替换： 
    				if ( $dpFirstItem ) {
					$dpFirstItem->setAttribute(
						'onclick',
						"(()=>{const ariaExpanded = this.children[0].getAttribute('aria-expanded');
					this.children[0].setAttribute('aria-expanded', ariaExpanded === 'true' ? 'false' : 'true');})(this);"
					);
				}

  • 替换为： 
    if ($dpFirstItem) {
    $dpFirstItem->setAttribute(
        'onclick',
        "(()=>{
            const ariaExpanded = this.children[0].getAttribute('aria-expanded');
            this.children[0].setAttribute('aria-expanded', ariaExpanded === 'true' ? 'false' : 'true');
            
            if (ariaExpanded !== 'true') {
                const expandedItem = this;
                const closeExpandedItem = (event) => {
                    if (!expandedItem.contains(event.target)) {
                        expandedItem.children[0].setAttribute('aria-expanded', 'false');
                        document.removeEventListener('click', closeExpandedItem);
                    }
                };
                document.addEventListener('click', closeExpandedItem);
            }
        })(this);"
    );
}

所有已知问题 →