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

samybob1 picture samybob1  路  3Comments

ReiiYuki picture ReiiYuki  路  3Comments

serkandurusoy picture serkandurusoy  路  3Comments

PhillippOhlandt picture PhillippOhlandt  路  3Comments

heshamelmasry77 picture heshamelmasry77  路  3Comments