Allowing overflow:visible only for input or select fields

user_10654261 0
Viewed 497

I'm having this issue with a Lightning Web Component in Salesforce, but I think the root of it is universal.

I have a container div which houses row divs showing select/combobox fields, which I need to have hang over the top/bottom of the container when selected. I can get this by setting overflow:visible on the container.

I can add more rows and the container expands normally:

But what I want to do is add y-axis scroll bars when the container reaches a max-height. By definition, overflow:visible doesn't add scroll bars and the contents flow out the bottom of the container

Any ideas would be appreciated.

overflow scrollbar css
2 Answers

Change your overflow to overflow: auto;

user_111111190

You will need to set two overflows. overflow:visible only on the select boxes. For the container you can use auto or scroll depending on the code that for some reason you did not add.

user_134026110
Related