How do I allow child elements to show through overflow: hidden?

Does anyone know how to allow child elements to not inherit overflow hidden from the parent?

I’m trying to create a dropdown filter menu that is collapsable (via size in webflow interactions). I need to set it as overflow hidden so that I can set the height to 0 in the interaction so theres no overflowing of the elements inside.

the filter wrapper has overflow hidden, but the dropdowns inside get cut off inside because they’re obeying the parent’s overflow: hidden
I don’t want to use display: none or display: block because it looks unpolished.

image