overflow-y scrolling of language list doesn't work on mobile (workarounds)

[bvibber]

On Android 4.x and iOS 5/6, we can add this CSS rule to make scrolling within the language list work as expected:

.uls-language-list { -webkit-overflow-scrolling: touch; }

however this doesn't work on Android 2.x, which doesn't support overflow scrolling cleanly.

I'm working around this by stretching the UI out and letting the entire thing scroll; this means the map and search scroll off the edge:

.android-2 .uls-menu { height: auto; } .android-2 .uls-language-list { height: auto; overflow-y: none; }

(.android-2 class is added by our code in the app, would need to do a User-Agent check if adding this to the core distribution)

[pauginer]

I sent a pull request with an example of mobile adaptation: https://github.com/wikimedia/jquery.uls/pull/52 It includes a mobile.css that only affects the selector when uls-mobile class is used. Any specific classes you need to add, can be added there.

[amire80]

@pauginer @brion can this be closed? Pau's patch was merged.