fix: prevent dropdownMenu to reopen after being closed on touch

When a dropdownMenu is closed by taping on its item, a timeout to open the dropdown on hover after a delay is still set, and the dropdown will reopen.

Changes:
* clean the active item `_delay` when the dropdownMenu is closed

diff --git a/js/foundation.dropdownMenu.js b/js/foundation.dropdownMenu.js
index 6282cd2a26791d5984eade6df62afc715b28ddd4..a0be51143a2f3b44c8ccc699fd7e42da3d087dbb 100644 (file)
--- a/js/foundation.dropdownMenu.js
+++ b/js/foundation.dropdownMenu.js
@@ -348,7 +348,8 @@ class DropdownMenu extends Plugin {
     var somethingToClose = $toClose.hasClass('is-active') || $toClose.find('.is-active').length > 0;
 
     if (somethingToClose) {
-      $toClose.find('li.is-active').add($toClose).attr({
+      var $activeItem = $toClose.find('li.is-active');
+      $activeItem.add($toClose).attr({
         'data-is-click': false
       }).removeClass('is-active');
 
@@ -361,6 +362,8 @@ class DropdownMenu extends Plugin {
                 .addClass(`opens-${oldClass}`);
         this.changed = false;
       }
+
+      clearTimeout($activeItem.data('_delay'));
       this._removeBodyHandler();
 
       /**