From: Sujay Jaju <sujay@jajus.com>
Date: Tue, 23 Aug 2016 11:06:24 +0000 (+0530)
Subject: #9015 option to close drop menu on leaf anchor tag click
X-Git-Tag: v6.2.4-rc1~22^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=15af7a38b51f20c37d1c0ec221c1f35a2191b4fa;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

#9015 option to close drop menu on leaf anchor tag click
---

diff --git a/js/foundation.dropdownMenu.js b/js/foundation.dropdownMenu.js
index 2bd962761..787365876 100644
--- a/js/foundation.dropdownMenu.js
+++ b/js/foundation.dropdownMenu.js
@@ -87,10 +87,15 @@ class DropdownMenu {
         } else {
           e.preventDefault();
           e.stopImmediatePropagation();
-          _this._show($elem.children('.is-dropdown-submenu'));
+          _this._show($sub);
           $elem.add($elem.parentsUntil(_this.$element, `.${parClass}`)).attr('data-is-click', true);
         }
-      } else { return; }
+      } else {
+        if(_this.options.closeOnClickInside){
+          _this._hide($elem);
+        }
+        return;
+      }
     };
 
     if (this.options.clickOpen || hasTouch) {
@@ -378,6 +383,12 @@ DropdownMenu.defaults = {
    * @example true
    */
   closeOnClick: true,
+  /**
+   * Allow clicks on leaf anchor links to close any open submenus.
+   * @option
+   * @example true
+   */
+  closeOnClickInside: true,
   /**
    * Class applied to vertical oriented menus, Foundation default is `vertical`. Update this if using your own class.
    * @option