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);"
    );
}

Все известные проблемы →