NEW230813
Toggling display:none on a video element is delayed 
https://bugs.webkit.org/show_bug.cgi?id=230813
Summary Toggling display:none on a video element is delayed
Sam Wemyss
Reported 2021-09-26 20:02:08 PDT
Created attachment 439303 [details] Reduced test case showcasing the issue Safari 15. Though I believe it still occurs on 14 and lower. Issue: When toggling display on a parent container of a video there is a visual glitch: none -> block: The red background will render, then the video will appear. Happens less frequently block -> none: The video will disappear immediately but the red background will remain for a frame before being removed. This case is much more frequent than the former and can be repeatedly triggered without refreshing. This can be reproduced in the minimal test case attached. Expected: That the video and the red background appear and disappear simultaneously. Same as other browsers.
Attachments
Reduced test case showcasing the issue (1.42 KB, text/html)
2021-09-26 20:02 PDT, Sam Wemyss 		no flags
Details
Video demo of issue (1.34 MB, video/mp4)
2021-09-26 20:04 PDT, Sam Wemyss 		no flags
Details
Video demo of second issue, repeatedly triggered (266.24 KB, video/mp4)
2021-09-26 20:04 PDT, Sam Wemyss 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Sam Wemyss
Comment 1 2021-09-26 20:04:12 PDT
Created attachment 439304 [details] Video demo of issue Video demo of both issues occurring. Progress frame by frame to see the visual glitch clearly at both toggle points
Sam Wemyss
Comment 2 2021-09-26 20:04:56 PDT
Created attachment 439305 [details] Video demo of second issue, repeatedly triggered
Sam Sneddon [:gsnedders]
Comment 3 2021-09-27 01:11:43 PDT
Something compositing related, maybe?
Radar WebKit Bug Importer
Comment 4 2021-09-29 09:22:52 PDT
<rdar://problem/83674133>
Note You need to log in before you can comment on or make changes to this bug.