Sprachumschalter-Block schließt sich nicht bei Klick auf die Seite

Status

Offen

Gemeldet für

WPML Multilingual CMS 4.6.11

Themen-Tags

Bug

Übersicht über das Problem

Wenn Sie den Sprachumschalter-Gutenberg-Block und dessen Option Dropdown-Klick verwenden, werden Sie feststellen, dass er sich beim Klicken außerhalb des Dropdown-Bereichs nicht wie erwartet schließt.

Problemumgehung

Bitte stellen Sie sicher, dass Sie über ein vollständiges Backup Ihrer Website verfügen, bevor Sie fortfahren.

• Öffnen Sie die Datei …/wp-content/plugins/sitepress-multilingual-cms/classes/block-editor/Blocks/LanguageSwitcher/Render.php.


• Suchen Sie nach Zeile 123.


• Ersetzen Sie:

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



• Durch:

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

Alle bekannten Probleme →