Skip to content
This repository has been archived by the owner on Mar 13, 2018. It is now read-only.

Dropdown doesn't work on mobile touch #66

Open
ghost opened this issue Aug 19, 2015 · 2 comments
Open

Dropdown doesn't work on mobile touch #66

ghost opened this issue Aug 19, 2015 · 2 comments

Comments

@ghost
Copy link

ghost commented Aug 19, 2015

When you are using it on Google Chrome for mobiles the selection doesn't work properly. Sometimes the menu is showed up and then fails when you selected it again.

I'm using it inside a paper-material > div.horizontal.layout > div.flex

@intositeme
Copy link

I think i am experiencing similar problems.
https://www.youtube.com/watch?v=6aiKXI64py4
The video should show it better.
Using it in
paper-drawer-panel > paper-scroll-header-panel > paper-toolbar > div.middle > paper-dropdown-menu

edited: 15th Sep 2015
Just checked on the Polymer's site demo of it, it's having the same issue.
https://www.youtube.com/watch?v=Ydv4F_uOvjQ

Managed a quick fix by changing line 309 of paper-menu-button from directly calling the open function to using async with a 10ms delay, without any delay in the async the problem persist.
this.async (function() {
this.$.dropdown.open();
},10);

@ghost
Copy link
Author

ghost commented Sep 8, 2016

On iOS it occurs when using native WebView (Homescreen-App) and activateEvent='click' on the listbox inside (because the 'tap' event is still leaking). The same issue when using paper-menu instead of paper-listbox. Interestingly the list stays open when using a long touch.

On Safari it works with both gestures for activateEvent.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant