Skip to content

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

@bvibber

Description

@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)

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions