Semantic-ui: [Dropdown] Sub-Menu Items Not Selectable in iOS

[wyseburn]

I use Semantic-ui 1.12.3

There is no problem in the desktop browser.

In the mobile phone browser, but the sub-menu is output, it has not been touched.

android built in browser and mobile chrome same problem.

mobile chrome version is 43.0.2357.93
android version 4.4.2

Sorry. I don't speak english.

[jlukic]

Thanks, I'm assuming you're experiencing this on all sub menus?

I'll debug against the one in docs

[jlukic]

I'm not able to reproduce this in chrome's emulation mode

[ClickerMonkey]

I'm experiencing the same problem on various mobile browsers (the same ones OP indicated). I can see the issue here:

http://semantic-ui.com/collections/menu.html

Click events aren't triggered when I touch the sub-menu item, it seems to ignore it altogether (doesn't close the menu).

FYI Chrome's emulation mode is garbage, I'm seeing several issues that only occur on the actual devices and not in the emulator.

[ClickerMonkey]

This is also an issue on the iPad (iOS 9) in Chrome and Safari.

[ClickerMonkey]

@jlukic Can you re-open this ticket? Do you have a mobile device handy to look at the URL indicated above?

[jlukic]

I have iPhone 5S for IOS mobile, I am seeing that sub menu items are unselectable

[mcrayne]

Looking at the source code for dropdown.js - there are no event handlers for touchstart or touchend in submenus. Is this intentional? I know it can cause problems when applications need both mouse and touch events or just touch events.

My work around handles the touchstart event and runs the code I want to run and then calls the toggle behavior.

[iwege]

A work around from bootstrap:

$('.ui.dropdown .menu .item')
     .on('touchstart', function(e){
           e.stopPropagation()
    });

[pdebruic]

typo in the above. should be

$('.ui.dropdown .menu .item')
     .on('touchstart', function(e){
           e.stopPropagation()
    });

[pdebruic]

@wyseburn - Why did you close this issue? It is still a bug. And not fixed.

[stale[bot]]

There has been no activity in this thread for 90 days. While we care about every issue and we’d love to see this fixed, the core team’s time is limited so we have to focus our attention on the issues that are most pressing. Therefore, we will likely not be able to get to this one.

However, PRs for this issue will of course be accepted and welcome!

If there is no more activity in the next 90 days, this issue will be closed automatically for housekeeping. To prevent this, simply leave a reply here. Thanks!

[myelement88]

Still no progress here?

[lubber-de]

This seems to be fixed in the community fork Fomantic-UI 2.8.7. I was not able to reproduce this on the Fomantic-UI Website https://fomantic-ui.com/collections/menu.html#sub-menu using iPhone XS 12 anymore (But it still happens on the Semantic-UI Website)