How to make an element inside a component overflowing visible outside this component?

I need to show an element which is inside my component overflowing outside my component. This element, a custom select dropdown menu, should be visible outside this component like in “overflow: visible” when it’s at the end of the component.

Of course I cannot set my component with overflow visible otherwise I would lose the scroll. To put the element overflowing in app.component is not an option in this case.

How could I make an element to be visible outside an component bounds?

You need to make the parent component also “overflowable”, then check CSS properties.

1 Like