I am developing mobile application for windows phone 8 using Html5 + Jquery mobile + Iscroll with fixed header and footer. Every things its working fine. When input filed is focused and phone virtual key board is opened, button click event is not working in application.
<form>
<input id="input1" placeholder="Name" type="text" data-theme="a">
<input id="input2" placeholder="Address" type="text" data-theme="a">
<input id="input3" placeholder="Phone" type="text" data-theme="a">
<fieldset class="ui-grid-a brchbtnmargin">
<div class="ui-block-a">
<a data-role="button" data-theme="a"
onClick="cancelAction();">CANCEL</a>
</div>
<div class="ui-block-b">
<a href="#" data-role="button" data-theme="a"
onClick="submitAction();">SEARCH</a>
</div>
</fieldset>
<form>
<input id="input1" placeholder="Name" type="text" data-theme="a">
<input id="input2" placeholder="Address" type="text" data-theme="a">
<input id="input3" placeholder="Phone" type="text" data-theme="a">
<fieldset class="ui-grid-a brchbtnmargin">
<div class="ui-block-a">
<a data-role="button" data-theme="a"
onClick="cancelAction();">CANCEL</a>
</div>
<div class="ui-block-b">
<a href="#" data-role="button" data-theme="a"
onClick="submitAction();">SEARCH</a>
</div>
</fieldset>