Bug 193191

Summary:

`-webkit-overflow-scrolling: touch` causes incorrect div rendering

Product:

WebKit

Reporter:

Alberto <alberto>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED WORKSFORME

Severity:

Normal

CC:

alberto, bfulgham, simon.fraser, zalan

Priority:

Version:

Safari 12

Hardware:

iPhone / iPad

OS:

iOS 12

Attachments:

Description	Flags
Test case that reproduces the bug	none

Alberto

Reported 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.

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 attachment proposed patch, testcase, etc.

Simon Fraser (smfr)

Comment 1 2019-01-07 13:44:38 PST

-webkit-overflow-scrolling: touch; on a scrollable element creates CSS stacking context.

Note You need to log in before you can comment on or make changes to this bug.