Map not reappearing after hide -> resize -> show

Question

I current having a problem with hiding and showing an esri Map.

The problem arises if the window is resized whilst the map is 'hidden'. If this happens, the map doesn't reappear when it should. I'm using CSS ('display:none') to hide the map.

If you don't 'resize' the window/map whilst the map is hidden, everything works as you'd expect.

I've put together a quick example of this behaviour here: http://jsfiddle.net/mart_blewpri/ZM3SM/

Any help would be much appreciated.

Cheers!

MartinPritchard · Answer

Yeah, you do have to work around the issue. Here is an example of how to do it with your sample http://jsfiddle.net/ZM3SM/5/

Thanks Matt.....Perfect!

MattLane · Answer

Yeah, you do have to work around the issue. Here is an example of how to do it with your sample http://jsfiddle.net/ZM3SM/5/

JeffJacobson · Answer

The same problem occurs with Esri's jQuery Mobile samples.

I haven't tested this myself yet, but someone posted this fix for this issue in jQuery Mobile.  Perhaps it will help with your problem as well.
http://forums.arcgis.com/threads/82287-Hiding-the-map-problems-with-building-a-mobile-application-with-AngularJS?p=290203&viewfull=1#post290203