iOS popup not closed when touching outside menu
See original GitHub issuehttp://jsfiddle.net/0kmv307o/3/
Device: iPad Air OS: iOS 10.3.1 Browser: Safari and Chrome
When popup is opened, touching other areas would not close popup.
From inspection, an outside touch only triggers touchstart
event but no click
event.
While on Android chrome, both touchstart
and click
events are present.
But inspecting the code (https://github.com/Semantic-Org/UI-Popup/blob/master/popup.js#L1002), it seems the click event is expected
Issue Analytics
- State:
- Created 6 years ago
- Reactions:1
- Comments:6
Top Results From Across the Web
IOS - How to hide a view by touching anywhere outside of it
I want the helpView to dismiss only when we touch outside of that view, not by clicking on that view itself. So, i...
Read more >Use AssistiveTouch on your iPhone, iPad or iPod touch
Tapping once anywhere outside the menu will close the AssistiveTouch menu. There are a few ways to turn on AssistiveTouch. You can: Go...
Read more >Menus - Android Developers
Actions in a popup menu should not directly affect the ... right side of the app bar (or by pressing the device Menu...
Read more >How to show a menu when a button is pressed - a free SwiftUI ...
Updated in iOS 15. SwiftUI gives us a dedicated view for showing popup menus from buttons, helpfully called Menu .
Read more >touch-action - CSS: Cascading Style Sheets - MDN Web Docs
Note: After a gesture starts, changes to touch-action will not have any impact on the behavior of the current gesture.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Fixed for the next release of Fomantic-UI by https://github.com/fomantic/Fomantic-UI/pull/627 See and try here http://jsfiddle.net/byre2q7d/1/show
I was able to test this and confirm that it is strictly on iOS that it exists. Android is not having the issue. I have tested it on Safari, Chrome, and Firefox for iOS; as well as with Cordova (which wasn’t surprising)