I have an angular component that is embedded within a application that I have limited control over in a container that is just height: 100% with most parents having height inherit or 100%... it can just grow indefinitely.
The default size of my component is perfect. If I position something flex-end it's at the bottom and doesn'T grow out of it.
But when I make a container overflow-y: auto it never scrolls as it just grows out of the screen.
How can I make my container stick to it's default size as a max-size?
My concrete requirement: My component gets embedded within a sidebar, I have a content and a footer, if the content is smaller the footer just comes below it, but if it grows too big, the footer shall be sticky on the bottom while the content gets a scrollbar.
Also I cannot set any absolut heights in px or vh for my containers as I don't know them.