I tried to switch to a css flexbox layout for my overall web page layout and the map behaves very very poorly. I tried different combinations of positions and flex options, but the map either ignores other blocks, shrinks down to a small square, or only fills the screen in one direction. Has anyone successfully done this? The only way I can really get the map positioned where I want it is I use position: fixed on the map div and work around it, and that doesn't work with flexbox.
btw, I am on 3.18.
I've used flexbox a lot with the JS API, but I've avoided placing the map div inside a flexbox. I've always isolated the map div from the rest of the page that heavily use flexbox.
I may get a chance to try to make a sample that places a map inside a flexbox. Can you provide some details about how your map div is positioned? Is it a item/child within a flexbox?