Schließen des Megadropdowns mouseleave deaktivieren
Megadropdowns werden in der Regel geschlossen, wenn die Maus den Dropdown-Container verlässt. Der Artikel beschreibt, wie das auf click umgestellt werden kann.
Schließen des Megadropdowns via mouseleave deaktivieren
Im Standard wird das Megadropdown beim Verlassen des Containers geschlossen. Ist das nicht gewünscht, kann das via CSS-Only deaktiviert werden. Der Dropdown-Container wird dann geschlossen, wenn der Besucher außerhalb klickt.
Beachten Sie, dass das nur in Verbindung mit dem Öffnen der Dropdowns via Klick funktioniert.
Einstellbar ist das in der Maskenansicht der Datei header.scss unter "Megadropdown öffnen beim".
Deklaration in der entsprechenden navigation[navigationstyp].scss oder der additional.scss
//Das html-Element erhält das Attribut data-megadropwdownclosetype=click
@at-root html {
-w-add-data:"megadropdownclosetype=click";
}
Deklaration in der entsprechenden in der design.js
//Das html-Element erhält das Attribut data-megadropwdownclosetype=click
jQuery(document).ready(function(){
.....
jQuery('html').attr('data-megadropdownclosetype', 'click');
});