[Webkit-unassigned] [Bug 212130] New: iframe is flashing through overlay element

[bugzilla-daemon at webkit.org]

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

            Bug ID: 212130
           Summary: iframe is flashing through overlay element
           Product: WebKit
           Version: Safari 13
          Hardware: iPhone / iPad
                OS: iOS 13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: roland at nextendweb.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Steps to reproduce:
1. Open https://smartslider3.com/bugs/webkit/iframeflash2/ on iPhone
2. Swipe your finger to the left
3. Watch the animation

Sometimes the iframe(YouTube embed) flickers through the covering image. 

Screen recording: https://www.youtube.com/watch?v=MgFmKVnDBrA  Happens at 0:07 and 0:09

Also a very similar issue, but I was not able to reproduce in a test environment, but I'm sure it is related. Watch this screen recording: https://www.youtube.com/watch?v=fyXZBhZdxlY
While I drag my finger on the screen at 0:03, the overlay image is invisible for a while and you can see the YouTube embed. This gets fixed after some point at 0:06 then it does not happen until the next drag.

If I added the following CSS to the overlay element, then this issue gets fixed.
.n2_ss_video_player__cover {
    transform: translate3d(0, 0, 0);
}

IOS 13.4.1

-- 
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/20200520/1cf02b54/attachment.htm>