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

Fixed toolbar footer does not position correctly on orientation change on the playbook #3556

Closed
jasondscott opened this issue Feb 9, 2012 · 9 comments
Milestone

Comments

@jasondscott
Copy link
Contributor

When viewing http://jquerymobile.com/test/docs/toolbars/bars-fixed.html on playbook 2.0 the fixed toolbar footer does not reposition correctly when the orientation is changed regardless of the starting orientation.
Portrait to landscape - footer disappears
Landscape to portrait - footers is in the middle of the screen

@toddparker
Copy link
Contributor

Is there any way to make it re-position without needing a refresh? Does tapping to hide.show toolbars do anything? Sorry, away from the test lab...

@toddparker
Copy link
Contributor

And do you have time to give this a look?

@jasondscott
Copy link
Contributor Author

Yes, I have time to look into this.
Tapping does hide and show the toolbars correctly.

@toddparker
Copy link
Contributor

@jasondscott - Can you try to give this a look this week so we can fix this for 1.1?

@jasondscott
Copy link
Contributor Author

I have looked at and stripped it down to a simple test case. It looks like a bug in our webkit and our team is looking into it.
The issue occurs when there is a tag.
<meta name="viewport" content="width=device-width, initial-scale=1">. (GITHUB didn't like the markup)

I assume at there is no real workaround for this besides us fixing our webkit implementation. Thoughts?

@toddparker
Copy link
Contributor

@jasondscott - Are you saying that this is a bug in the Playbook when the viewport tag allows user zoom? We recently added a fix that helped cure the iOS orientation zoom bug but I don't know if it could somehow help here.

@jasondscott
Copy link
Contributor Author

@toddparker I don't think it is related to zoom, just the existence of the meta tag causes a problem with the viewports height on orientation change. Without the meta tag it works fine.
p.s. I update my above comment with the meta causing the problem.

scottjehl pushed a commit that referenced this issue Feb 29, 2012
…acts top and bottom padding before setting the min-height amount. This fixes #3663. It may also influence issue #3556, so worth retesting.
@toddparker
Copy link
Contributor

RIM has fixed this bug on their end so it will be in a future release. We can close this as our issue.

@ghost
Copy link

ghost commented Sep 26, 2012

I'm experiencing simular issues. I cannot have <meta name="viewport" ...> in my code with JQM as elements with fixed layout don't seem to be able to re-position themselves appropriately on e.g. orientationchange.

I have a hidden menu which is fixed, if I go from portrait > landscape the menu gets pushed out of the viewport (somewhat). However, tapping or doing anything to the page updates the layout so it works. Really annoying though. I'd really want to prevent zooming and still being able to do an orientation change without having the layout going nuts!

So this issues with still exist and probably on more than one aspect.

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