Bug 191029 - [iOS 12] CSS Scroll Snap visual glitches on iOS when programmatically setting `style` on children
Summary: [iOS 12] CSS Scroll Snap visual glitches on iOS when programmatically setting...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Nightly Build
Hardware: iPhone / iPad iOS 12
: P2 Major
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2018-10-29 07:25 PDT by t
Modified: 2019-02-18 02:02 PST (History)
2 users (show)

See Also:

Attachments
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 t 2018-10-29 07:25:28 PDT 
Deriving from https://stackoverflow.com/questions/52989070/css-scroll-snap-visual-glitches-on-ios-when-programmatically-setting-style-on:

https://codepen.io/thomaslindstr_m/pen/qJLbwa
Pretty bare bones example above. I want to fade out the child I scrolled away from, but when CSS Scroll Snap is enabled, it starts glitching really bad on my iPhone iOS 12.0.1.

See video here: https://file-qacepzxlkb.now.sh
Before the reload I disabled Scroll Snap (JavaScript still running), after the reload, I enable it.

It runs perfectly fine in Safari 12.