fix: new disableHoverOnTouch option

closes #11865
closes #12026

diff --git a/js/foundation.dropdownMenu.js b/js/foundation.dropdownMenu.js
index 19375da8f301b0baf48f2cea14de7dee01cd2391..3b4bb0985baafd33ef76c312fd08a68f526f7598 100644 (file)
--- a/js/foundation.dropdownMenu.js
+++ b/js/foundation.dropdownMenu.js
@@ -141,6 +141,8 @@ class DropdownMenu extends Plugin {
       });
     }
 
+    if (hasTouch && this.options.disableHoverOnTouch) this.options.disableHover = true;
+
     if (!this.options.disableHover) {
       this.$menuItems.on('mouseenter.zf.dropdownMenu', function (e) {
         var $elem = $(this),
@@ -399,6 +401,13 @@ DropdownMenu.defaults = {
    * @default false
    */
   disableHover: false,
+  /**
+   * Disallows hover on touch devices
+   * @option
+   * @type {boolean}
+   * @default true
+   */
+  disableHoverOnTouch: true,
   /**
    * Allow a submenu to automatically close on a mouseleave event, if not clicked open.
    * @option