NEW 187235
Glitch during animation 
https://bugs.webkit.org/show_bug.cgi?id=187235
Summary Glitch during animation
Roland Soos
Reported 2018-07-01 12:00:17 PDT
Created attachment 344055 [details] Screen recording of the glitch Steps to reproduce: 1. Open https://smartslider3.com/full-screen-divi-slider/ 2. Switch slides on the right side of the slider with the circled images. Screen recording attached to the bug. Happens in: - Safari Version 11.1.1 (13605.2.8) - Safari Release 59 (Safari 12.0, WebKit 13606.1.21) Works fine in - Chrome - Firefox - Edge, IE 11
Attachments
Screen recording of the glitch (15.02 MB, video/quicktime)
2018-07-01 12:00 PDT, Roland Soos 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Simon Fraser (smfr)
Comment 1 2018-07-02 11:09:59 PDT
This looks like a z-ordering layer intersection issue. Do any of the transforms you're using have 3D components?
Roland Soos
Comment 2 2018-07-02 12:13:12 PDT
(In reply to Simon Fraser (smfr) from comment #1) > This looks like a z-ordering layer intersection issue. Do any of the > transforms you're using have 3D components? Yes, I have. Leafs: Y 20 -> 0, Rotation Y 5deg -> 0deg
Simon Fraser (smfr)
Comment 3 2018-07-02 17:05:39 PDT
So this is a result of the intersection of 3d-transformed layers, which the CSS spec does not correctly deal with yet.
Note You need to log in before you can comment on or make changes to this bug.