-
24 May 2012 1:29 AM #1
4.1 Firefox x-viewport CSS class on HTML Tag causes height problems
4.1 Firefox x-viewport CSS class on HTML Tag causes height problems
in the ext css files there is this:
the "position: static" on the HTML tag makes the actual page 200% high.Code:.x-viewport, .x-viewport body { border: 0 none; height: 100%; margin: 0; overflow: hidden; padding: 0; position: static; }
WHen pressing spacebar without being in an input field causes the browser to scroll below the Layout within the viewport.
Changing the position to anything else (relative/absolute) or even just remove the declaration fixes this.
What is it needed for?
-
25 May 2012 1:27 PM #2Sencha - Senior Forum Manager
- Join Date
- Mar 2007
- Location
- St. Louis, MO
- Posts
- 33,714
- Vote Rating
- 438
static is the default for position rule.
Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Forum Manager
________________
http://www.JSONPLint.com - Source to lint your JSONP!
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
https://github.com/mitchellsimoens
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services services@sencha.com
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!
When posting code, please use BBCode's CODE tags.
-
30 May 2012 6:58 AM #3
Default for what reason?
Adding this into my CSS
Fixed it in Firefox for me. Which had the same effect as just removing it via Firebug:Code:.x-viewport, .x-viewport BODY { position: relative !important; }
firefix.png
-
31 May 2012 9:50 PM #4
What version of FF? Could you post a short test case?
Evan Trimboli
Sencha Developer
Twitter - @evantrimboli
Don't be afraid of the source code!
Wait! Looks like we don't have enough information to add this to bug database. Please follow this template bug format.


Reply With Quote