I added Overlay panel in my page with "Data-Position-Fixed="true"". As per docs, the Overlay Panel unfix itself if the panel content height is larger than active page height
$.mobile.resetActivePageHeight( pannelInnerHeight );
It will work fine in desktop browser and tablet but it is not working in Android 4.0x smartphone e.g. Samsung Galaxy SII, Sony Experia. The Panel have same set of class
"ui-panel ui-panel-position-right ui-panel-display-overlay ui-body-a ui-panel-fixed ui-panel-animate ui-panel-open" .
If we remove ui-panel-fixed class and set data-position-fixed=false on event like $(document).bind('panelbeforeopen') and $(document).bind('panelopen'), though it is not unfix panel in above mentioned android phones
Please provide a test page that illustrates the issue. See the contributing guidelines for our JS Bin template and instructions. Thanks!
If the content on overlay is larger than screen height, the Android devices not working as per /docs/. In iphone,desktop browser Overlay gets unfix so that it scroll with page but in Android device it is not getting scroll with page
I have set test page on this URL
I can confirm this issue in 1.3.0 but has been fixed in latest code as you will see if you test again with the test page you provided.
Re: "the Overlay Panel unfix itself if the panel content height is larger than active page height". Actually we unfix the panel if its content height is larger than the viewport (screen) height: panelInnerHeight > $.mobile.getScreenHeight(). That's also how it is explained in the API docs.
panelInnerHeight > $.mobile.getScreenHeight()
Closing as fixed.