Multiple Dropdowns causing a see-through effect

hossein-zare / react-native-dropdown-picker

A single / multiple, categorizable, customizable, localizable and searchable item picker (drop-down) component for react native which supports both Android & iOS.

https://hossein-zare.github.io/react-native-dropdown-picker-website/

MIT License

969 stars 294 forks source link

Multiple Dropdowns causing a see-through effect #712

Open hellocaio opened 9 months ago

hellocaio commented 9 months ago

Hi guys,

This is my first time using this package, thanks for the great work!

I am creating a form with multiple dropdowns for the Web. I am having some issues when the dropdown is open, the dropdown below can been seen through the list from the above active dropdown. I played around with zIndex but it didn't help.

Here's a couple of images showing what's going on:

Any ideas?

fedeolto commented 8 months ago

This solution works https://github.com/hossein-zare/react-native-dropdown-picker/issues/459

hellocaio commented 8 months ago

Thanks for the solution. I ended up creating my own dropdown in the end. But it is good to know there is a work around!

pranjalgholap26 commented 8 months ago

Apply zIndex to below dropdown