Custom select field covering eachother - Z-index issue?

Hey there,
I’m using the standard select field from Finsweet’s UI Kit. A great resource!

When I have multiple select fields above each other, the dropdown is rendered behind the select option of the underlying select field.

Any ideas here?
Thanks
Jacob

Hey @Jacob_B! Correct this is a styling issue, I have been playing with the z-index but have noticed there is not much change no matter the value I add.

However, changing the position from absolute to relative seems to do the trick.

Note that CSS is not my specialty and there could be a better approach to this so I hope this helps!

Works like magic @Support-Luis , thank so so much for taking a look! Very appreciated.
Jacob

1 Like