[Dojo-interest] Odd dojox.mobile.TabBar behavior (particularly on iPad)

[Karl Tiedt]

A little more context on this (I fixed the link btw) -- the demo in
question is: http://download.dojotoolkit.org/release-1.6.1/dojo-release-1.6.1/dojox/mobile/tests/test_iPhone-ScrollableView-demo.html
(nightly works the same)

and I just had some friends test this on other iOS devices... it seems
iPhones running 4.3.3 do not display the problem, but iPads do... so
its not just a iOS bug it seems device specific :(

Still havent found a good fix for this myself unfortunately :(

-Karl Tiedt



On Mon, Aug 29, 2011 at 22:43, Karl Tiedt <ktiedt at gmail.com> wrote:
> I ran into an odd display bug when playing with a phonegap +
> dojox.mobile app... you can see the problem illustrated here:
> http://banthewire.com/dojotoolkit/dojox_mobile_tabbar_ipad.png
>
> The entire app scales perfectly except the TabBar is pushed over by
> 109px (padding-left)...  I tested this same app on a iPhone 3G, an
> android device and even the TweetView demo (same test platforms) and
> they all display the problem on the iPad but not the others...
>
> I am at a loss, I tried wrapping the TabBar in a div so I could remove
> the padding-left, and use a margin to center it but then the bar does
> not display... Aside from the demo codes... dojox.mobile has little
> code comments to go on.. so I'm hoping someone else has conquered this
> problem before.
>
> Thanks,
> -Karl Tiedt
>
> ps: the oversized TabBar happens inside Phonegap or just in the
> browser... (same rendering engine so no surprise there)
>