JSFiddle - React, Tailwind, and code Playground

HTML

<button onClick="doit1()">Click me to put something in map_canvas</button>
<button onClick="doit()">Click me to make the height of mpa_canvas 100%</button>

<div id="home" data-role="page">
    <div data-role="header">
    *my header*
    </div>

    <div id="cont" data-role="content">
        <div id="map_canvas"></div>
    </div>
</div>

CSS

#map_canvas{
	background-color:#00F;
	}
#cont{
	background:#F00;
	height:200px;
	}

JavaScript

$('#home').live('pagecreate',function(){
$('#map_canvas').css('height','auto');
});
function doit(){
	$('#map_canvas').css('height','100%');
	}
function doit1(){
	$('#map_canvas').html('a')
	}