[patch][cla] Displacement with TabBar on Android

[Sebastien Brunot]

It is thought that the dojox.mobile.TabBar? seems a bit longer than 100% of the screen, made the screen displacement sometimes when users move left or right on the screen ... (see attached screenshot).

It has been reported with Android 2.3.7 and 4.1 on both the stock browser and chrome for Android, and can also be reproduced using the Android 4.1.2 emulator using the stock browser.

Note that with dojo 1.9, a workaround is to set fill to "never" on the TabBar?.

[Sebastien Brunot]

screenshot showing the problem

[Sebastien Brunot]

Problem reported on the dojo-interest mailing list, using test page dojox/mobile/tests/test_ScrollableView-demo-long.html

[Adrian Vasiliu]

The issue goes away by adding

.mblTabBar {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

(Tested on Galaxy S3 Android 4.3, both Chrome and stock browser.)

That is, it seems to be another symptom of what causes #17764. Both issues go away by this setting of the box model of the TabBar?.

[dylan]

Looks like a fairly simple CSS addition. Please review and land, or close if you don't intend to land it.

[dylan]

Ok, after massive triage, ended up with about 80 tickets for 1.11 and 400 or so for 1.12. That's a bit unrealistic, so first I changed all 1.12 to 1.13 (with the plan to move some forward to the new 1.12. Now, I'm moving some of the 1.11 tickets that are less likely to get done this month without help to 1.11. Feel free to help out in January if you want to see this ticket land in 1.11.

[dylan]

Ticket planning... move current 1.12 tickets out to 1.13 that likely won't get fixed in 1.12.