[Bug] Select menu Items larger that maxHeight menu box are not displayed on iphone and ipad devices

mms197 commented 5 years ago

Version

1.8.0

Reproduction link

Operating System

ios

Device

iphone and ipad

Browser & Version

chrome and safari

Steps to reproduce

Open multiple select (9 cities are provisioned as menu items) ['Madrid', 'Rome', 'Lisbon', 'Paris', 'London', 'Amsterdam', 'Berlin', 'Helsinki', 'Oslo']
The 5 cities that fit into the maxHeight menu box are displayed ['Madrid', 'Rome', 'Lisbon', 'Paris', 'London']
Try to scroll to see the remaining 4 cites
The remaining 4 cities are not displayed on iphone and ipad until you tap the items (it works as expected on desktop and android mobile devices)

What is expected?

all menu items can be scrolled and selected normally as in desktop and android

What is actually happening?

I dont know but looks to be a function of iphone and ipad so ios

Solution

Additional comments

einazare commented 5 years ago

Hello there, @mms197 ,

Thank you for providing us with this bug. At the moment we do not have a solution for this. Maybe you are right, and it is something only on iOS? I will continue to find a solution for it.

Best, Manu

mms197 commented 5 years ago

Thanks Manu! Would love to see a fix for this as my app relies heavily on selects with large menu items ;-)

mms197 commented 5 years ago

Hi there Manu, do you know when a fix can be available or alternatively some advice how to work around it ?

Thanks! Martin

einazare commented 5 years ago

Hello again, @mms197 ,

At the moment I haven't found the solution. I will look again in our next update, which is set somewhere in December.

Best, Manu

creativetimofficial / ct-material-kit-pro-react