Update - I removed all the references to map.resize and map.reposition and commented out the function that was supposed to adjust the the map height. I am no longer seeing the map disappear after a few seconds, but the size of the map is still set to 400 X 400. The map container it's in fills the screen, its only mapDiv that's cropped. I've kept my jsFiddle updated with my local changes if anyone is willing to take a look. This is going to be a nice basic mobile example for somebody if I can just get this last bit figured out!http://jsfiddle.net/schlot/7t8Lu/1/map definition:
map = new Map("mapDiv", {
basemap: "streets",
center: [-92.593, 38.5],
zoom: 6,
infoWindow: popup,
});
// divs
<div id="mapView" data-dojo-type="dojox/mobile/View" >
<div id="mapHeader" data-dojo-type="dojox/mobile/Heading">
<ul data-dojo-type="dojox/mobile/TabBar" data-dojo-props='barType:"segmentedControl"'>
<li data-dojo-type="dojox/mobile/TabBarButton" data-dojo-props='selected:true, moveTo:"mainView"'>Main</li>
<li data-dojo-type="dojox/mobile/TabBarButton" data-dojo-props='moveTo:"listView"'>Advisory List</li>
</ul>
</div>
<div id="mapContainer" data-dojo-type="dojox/mobile/ContentPane">
<div id="HomeButton"></div>
<div id="mapDiv">
</div>
</div>
</div>