I’ve got an application that is using a tabbed interface with an as a top-level toolbar. I’m also trying to embed a leaflet map in the main UI that consumes all the available vertical space (i.e., the full height between the bottom of the and the top of the element. However, I cannot figure out the right CSS to make this “just work”. Here’s an example:
https://ionic5-tabs-pdngpv.stackblitz.io
It renders close to right, but clicking on various items makes things resize and the layout starts to get messed up. Hoping there’s a simple approach to just rely on Ionic’s sizing of things, but handle this “need a fixed size container for a big map” problem easily.