[BUGFIX] hovering on dropdownColumns before js has loaded will invert…

… the toggle-effect (#510)
t3kit · Apr 15, 2019 · bb66922 · bb66922
1 parent a7142b3
commit bb66922
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 6 deletions.
diff --git a/Resources/Public/css/main.js b/Resources/Public/css/main.js
@@ -14,8 +14,10 @@ jQuery(function ($) {
   var $dropdownMenuWithColumns = $('.js__dropdown-menu-with-columns .js__main-navigation__item._sub')
 
   if (!touchSupport) {
-    $dropdownMenuWithColumns.hover(function () {
-      $(this).toggleClass('open')
+    $dropdownMenuWithColumns.mouseenter(function () {
+      $(this).addClass('open')
+    }).mouseleave(function () {
+      $(this).removeClass('open')
     })
   }
 

diff --git a/Resources/Public/less/main.js b/Resources/Public/less/main.js
@@ -14,8 +14,10 @@ jQuery(function ($) {
   var $dropdownMenuWithColumns = $('.js__dropdown-menu-with-columns .js__main-navigation__item._sub')
 
   if (!touchSupport) {
-    $dropdownMenuWithColumns.hover(function () {
-      $(this).toggleClass('open')
+    $dropdownMenuWithColumns.mouseenter(function () {
+      $(this).addClass('open')
+    }).mouseleave(function () {
+      $(this).removeClass('open')
     })
   }
 

diff --git a/felayout_t3kit/dev/js/main/header/header.js b/felayout_t3kit/dev/js/main/header/header.js
@@ -12,8 +12,10 @@ jQuery(function ($) {
   var $dropdownMenuWithColumns = $('.js__dropdown-menu-with-columns .js__main-navigation__item._sub')
 
   if (!touchSupport) {
-    $dropdownMenuWithColumns.hover(function () {
-      $(this).toggleClass('open')
+    $dropdownMenuWithColumns.mouseenter(function () {
+      $(this).addClass('open')
+    }).mouseleave(function () {
+      $(this).removeClass('open')
     })
   }