Can you use CSS Flexbox layout with JS API?

[KennethLathan]

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.

[ThomasSolow]

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?