From 15af7a38b51f20c37d1c0ec221c1f35a2191b4fa Mon Sep 17 00:00:00 2001 From: Sujay Jaju Date: Tue, 23 Aug 2016 16:36:24 +0530 Subject: [PATCH] #9015 option to close drop menu on leaf anchor tag click --- js/foundation.dropdownMenu.js | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) 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 -- 2.47.2