View Full Version : Height not being set correctly on iPad (or other iOS 3.x devices)

27 Sep 2010, 11:27 AM
And unfortunately the dev tools on the iPad simulator are hugely lacking. I'm downloading Safari 4.0.5 (which is closer to the version on the iPad) but has anyone else ran into this issue on iOS 3.x? I'm using Sencha v0.94.

If I explicitly call setHeight(100), then my Panel is sized to 100 pixels. But if I just have `height: 100px` in my CSS then the Panel's height is 0.

27 Sep 2010, 12:58 PM
height should be integer, not a string. you set height : 100, not '100px'.

Normally, i would post a picture or a link to the height configuration object. however, the touch .95 docs are not 100% up to production quality. 1.0 should bring really good changes in this area.

27 Sep 2010, 1:01 PM
Eh? I think you're misunderstanding me:

If I call setHeight(100) in Javascript, then the Panel's height is set correctly. However, as of 0.94, we're no longer required to set the height explicitly. It should use the CSS value. But, when I have the *CSS rule* `height:100px`, the panel has 0 height.

27 Sep 2010, 1:02 PM
This is on the iPad (in the simulator). It does not break like this in Chrome or Safari on the desktop, BTW. (The iPad has Safari 4.0.4, I believe)

27 Sep 2010, 1:22 PM
Incidentally, the problem does not happen on Safari 4.0.4 on the desktop either. Just on the iPad...

27 Sep 2010, 1:48 PM
Hmm... looks like `display: -webkit-box;` may be part of the problem... if I don't provide a height in the CSS for this .x-scroller, the it gets height of 0. This does not happen on the desktop.

27 Sep 2010, 2:54 PM
Ah! Found the problem: Our code was setting a flag for landscape mode and was looking at the window.innerWidth. Strangely, on the iPad this is 981 in landscape orientation instead of the expected 1024!