Ben thanks a lot for the response.This is an angular application which starts with other data but not displaying the map. After some actions by the user the map needs to show.Last night I did some more testing and you are right on your comments. I was not able to replicate just resizing the map or just adding a graphic to a graphic layer, but the moment I put both together it absolutely breaks after a few hits.
function(){
$scope.map.resize();
$scope.map.reposition();
...
var gra = new esri.Graphic(geometry, symbol2, '', '');
$scope.map.graphics.add(gra);
$scope.map.centerAndZoom(geometry, 8);
}
And I basically find no way to hook the map to the div size.I still dont understand how you are suggesting to do it. If I start with a style of display none, when I do
var myMap = new esri.Map('map');
esri, injects the styles inline into the div, and since ti is display none it puts the default values of 400x400.So wether I wait or not to bind the map to the div, I dont see how it will ever get the values of the div.