I am using a bootstrap map and bootstrap styling in my project. It seems to handle a browser resize much better than a typical esri/Map . I have several tools in my sidebar, most that contain grids. Once the grids are populated, the divs expand to accommodate my data. Since they are now longer, the user must scroll to see all content.
Once the user has scrolled down the sidebar, they are noticing that the map looks cut off. The act of expanding the side panel divs isn't something that triggers the map to resize. I added map.resize() in the function that populates the grids, but that doesn't do it.
If you resize the browser at any point, it does fill it, but I would like to do this programatically, at the point my grids are populated.
This project is getting too complex to post in the thread or jsFiddle, but here's a link: