Foundation-sites: [Dropdown Menu] SubMenu links can not be selected on touch devices.

Created on 23 Jan 2017  路  7Comments  路  Source: foundation/foundation-sites

Using Foundation 6.3 on this site.

http://crossroadschurch.net

When on touch devices, from iPhone, iPad to HP touch screen lap tops, I can activate the drop-down but not select the children links.

Most helpful comment

This patch is already in the development branch, I just posted the edit part to be able to fix itself temporarily until the next release comes out;)

All 7 comments

duplicate with this repport #9652 ;)

Duplicate of #7129, #7143 ( & many other )

in the develop branch this was fixed... for fix this you can delete the touchend.zf.dropdownmenu in this code /js/foundation.dropdownMenu.js

        // Handle Leaf element Clicks
        if (_this.options.closeOnClickInside) {
          this.$menuItems.on('click.zf.dropdownmenu touchend.zf.dropdownmenu', function (e) {
            var $elem = $(this),
                hasSub = $elem.hasClass(parClass);
            if (!hasSub) {
              _this._hide();
            }
          });
        }

If there is a suggested fix .... create a PR .... you dont need your code to be 100% perfect

and yeah just tested it out .... your code works perfectly @IllusionPerdu

This patch is already in the development branch, I just posted the edit part to be able to fix itself temporarily until the next release comes out;)

YAII Seems like its resolved now. Please close issue if its resolved.

Fixed in https://github.com/zurb/foundation-sites/pull/9546

This will be in 6.3.1, is targeted to be finalized for QA next week, released about a week after.

Was this page helpful?
0 / 5 - 0 ratings