I'm currently facing an issue with a Lightning Web Component in Salesforce, however, I believe the root cause of this problem is not specific to this platform.
Within my container div, I have row divs displaying select/combobox fields that need to extend beyond the top/bottom edges of the container when selected. This effect can be achieved by setting overflow:visible on the container.
As I add more rows, the container expands as expected:
However, my goal is to implement y-axis scroll bars once the container reaches its maximum height. Since overflow:visible does not automatically add scroll bars, the contents end up flowing out of the bottom of the container instead.
I would appreciate any suggestions or ideas on how to address this issue.