Materialize: can't scroll dropdown on touch devices (iOS and android)

Created on 25 Apr 2016  路  6Comments  路  Source: Dogfalo/materialize

This issue can be replicated with the dropdown present on materialize demo page.
As soon as you touch the screen in order to scroll the content of the dropdown, it will close.

It seems a few issues have been reported with dropdown since the implementation of touchStart event, is there any official word on this?
Thanks

browser-bug bug Dropdown

All 6 comments

I have just encountered this issue on my application, is there a work around?

I have the same problem in my application.

dropdown bug

Is there an official fix soon?

I'm still facing this issue as well.

There seems to be a couple of proposed fixes (that currently don't seem to work).

.select-dropdown{
    overflow-y: auto !important;
}

A rewrite of the component - https://jsfiddle.net/c6buv1j8/11/

Fix seems to have been implemented but not pushed to the latest version - https://github.com/Dogfalo/materialize/issues/4200

I was actually having a problem until I implemented this commit: 1d94110

and then removed my own 'touchstart .selector': function() {...} map in meteor; then all started working right again..

it happens because the touch event is happening multiple times (sometimes before the link is clicked and followed, and sometimes after) so the 2nd click makes the dropdown disappear.

Fixed in v1-dev

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ericlormul picture ericlormul  路  3Comments

Robouste picture Robouste  路  3Comments

heshamelmasry77 picture heshamelmasry77  路  3Comments

onigetoc picture onigetoc  路  3Comments

cope picture cope  路  3Comments