Bug 193191 - `-webkit-overflow-scrolling: touch` causes incorrect div rendering
Summary: `-webkit-overflow-scrolling: touch` causes incorrect div rendering
Status: RESOLVED WORKSFORME
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 12
Hardware: iPhone / iPad iOS 12
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2019-01-07 01:44 PST by Alberto
Modified: 2022-07-01 16:06 PDT (History)
4 users (show)

See Also:

Attachments
Test case that reproduces the bug (1.05 KB, text/html)
2019-01-07 01:44 PST, Alberto 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Alberto 2019-01-07 01:44:10 PST 
Created attachment 358487 [details]
Test case that reproduces the bug

See the test case attached. When `-webkit-overflow-scrolling: touch;` is set to the `right` CSS class, the red div covers the blue bar on iOS. If set to `-webkit-overflow-scrolling: auto;`, the blue bar covers the red div, which is the expected behaviour and consistent with Safari on desktop and every other browser.
Comment 1 Simon Fraser (smfr) 2019-01-07 13:44:38 PST 
-webkit-overflow-scrolling: touch; on a scrollable element creates CSS stacking context.