[Webkit-unassigned] [Bug 249314] New: Scrolling with multiple ::after pseudo element locks up the window

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=249314

            Bug ID: 249314
           Summary: Scrolling with multiple ::after pseudo element locks
                    up the window
           Product: WebKit
           Version: Safari 16
          Hardware: iPhone / iPad
                OS: iOS 16
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Scrolling
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: dballesteros7 at gmail.com
                CC: simon.fraser at apple.com

Repro codepen:  https://codepen.io/dballesteros7/pen/PoarMZV

It looks like having a bunch of elements in a scrollable container and adding ::after pseudo-elements locks up when scrolling. Without the pseudo-elements it's fine to scroll through them.

This seems to be causing the date picker element in google.com/flights and google.com/hotels to lock up in Safari + iOS. 

To repro in those sites: 

1. Open a specific Hotel in Safari, for example: https://www.google.com/travel/hotels/San%20Francisco/entity/ChcItbb3-4TfgMykARoKL20vMDY2MThtcxAB

2. Click on one of the date pickers under "Check availability" and scroll to select a date in the future.

Expected: Scrolling is smooth as prices are loading.

Actual: Tab locks up and recovers after a few minutes once the loading is finished and the loading placeholders are gone.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20221214/d9fc77b3/attachment.htm>