search

Dogfalo / materialize

Materialize, a CSS Framework based on Material Design
https://materializecss.com
MIT License
38.86k stars 4.74k forks source link

Dropdownlist on IPhone #6193

Open MellSchappo opened 5 years ago

MellSchappo commented 5 years ago

Context

I use dropdownlist on my webpage with options greater than 30 characters. When I'm using Chrome on IOS mobile I can't read all the selected content, but on Android (Tested on Galaxy S7 edge and J7 Metal) I can by scrolling sideways, even if the "option" content is larger than the width. Is there any solution to scroll horizontally a selected dropdownlist content on IPhone?

Your Environment

Chrome on Iphone 6 or 7

acburst commented 5 years ago

Do you have codepen reproducing the problem? I'm assuming by dropdownlist, you mean any dropdown?

MellSchappo commented 5 years ago

I'm using the standard Materialize Select. Here is my codepen: https://codepen.io/mellschappo/pen/GwgBbo?editors=1111, but I think you'll have to publish this code to simulate because this problem only occours on iphones

MellSchappo commented 5 years ago

Btw, It will only happen if you select the last option of the dropdown 1 or the first option of the dropdown 2 (the longests ones)

MellSchappo commented 5 years ago

Also, it's published at: http://teste.crediloja.com.br/cliente/teste.html