![]() Safari iOS 9 locks the page to zoomed in if overflow: hidden is on. Chrome loads the page zoomed out fully so everything is visible Problematic on Safari (all work correctly in Chrome): Works correctly, all page content is reachable overflow-x: hidden - there should be no horizontal scrolling overflow: hidden commented out but would work regardless, there's no scrolling on the page ![]() There doesn't appear to be any scrolling on the page. Respecting overflow: hidden would actually improve the UX here Safari allows scrolling main frame a little which actually feels wrong since it shifts the UI out of view Appears intentional and correct - scrolling should occur only on the subscroller Overflow(-x): hidden still there but site works correctly in both Chrome and Safari (if overflow: hidden were respected). (Apple developer documentation) appears fixed No overflow: hidden today - site was fixed: It seems they fall into one of three buckets (mainly using 6S iOS 9): The should not scroll (just like on OS X Safari). The underneath the yellow box scrolls downward. Attempt to scroll the yellow box further downward (which is to say, apply a "fling upward" gesture to the yellow box). Scroll the yellow box to its bottom, where there are "Close" and "Save changes" buttons, and lift your finger off the screen to ensure that the scroll gesture ends.ĥ. ![]() ![]() Open the attached testcase in iOS Safari.Ĥ. Lost to the sands of time, but is relevant & popular.ġ. This works correctly on OS X Safari, but doesn't work correctly on iOS Safari. Applying `overflow: hidden` to the `` should make it non-scrollable. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |