JSFiddle: http://jsfiddle.net/nbh1rn33/
I have a strange problem with the jQm panel.
An open panel does not close completely. See below image:
Strange, this only happens in the Android browser, and not on the PC (Chrome, IE).
Is this a bug with jQm or did I do something wrong?
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css" rel="stylesheet"/> <script src="https://code.jquery.com/jquery-2.1.4.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js"></script> </head> <body> <div data-role="page"> <div data-role="header" data-position="fixed" > <h1>Test Page</h1> <div data-type="horizontal" data-role="controlgroup"> <a href="#search_condition_panel" id="search_condition_btn" class="ui-btn ui-btn-inline ui-mini ui-corner-all ui-btn-icon-right ui-icon-grid">Show Options</a> </div> </div> <div role="main" class="ui-content"> </div> <div data-position-fixed="true" data-role="panel" data-display="overlay" id="search_condition_panel" data-position="right"> <div class="ui-field-contain"> <label for="search-condition-select-brand">Brand</label> <select id="search-condition-select-brand" name="search-condition-select-brand" data-mini="true"> </select> </div> </div> <div id="datepicker"></div> </div> </body> </html>
javascript jquery android html jquery-mobile
l46kok
source share