Skip to content
This repository has been archived by the owner on Oct 8, 2021. It is now read-only.

Data-position-Fixed="True" not unfix the panel in android 4.0x #5813

Closed
prafullyeole opened this issue Mar 26, 2013 · 3 comments
Closed

Data-position-Fixed="True" not unfix the panel in android 4.0x #5813

prafullyeole opened this issue Mar 26, 2013 · 3 comments
Assignees
Milestone

Comments

@prafullyeole
Copy link

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

if (expand)
{
self._unfixPanel();
$.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

@ghost ghost assigned jaspermdegroot Mar 26, 2013
@jaspermdegroot
Copy link
Contributor

@prafullyeole

Please provide a test page that illustrates the issue. See the contributing guidelines for our JS Bin template and instructions. Thanks!

@prafullyeole
Copy link
Author

Hi,

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
http://jsbin.com/onibuc/381

@jaspermdegroot
Copy link
Contributor

@prafullyeole

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.

Closing as fixed.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants