201681 2019-09-11 02:08:59 -0700 Scaling an element containing a video rasterises other elements such as text and svgs 2019-09-23 18:46:23 -0700 1 1 1 Unclassified WebKit Layout and Rendering Safari 12 Mac macOS 10.14 RESOLVED DUPLICATE 27684 P2 Normal --- 1 samuel.wemyss webkit-unassigned bfulgham simon.fraser xidorn-webkit zalan oldest_to_newest 1569879 0 378549 samuel.wemyss 2019-09-11 02:08:59 -0700 Created attachment 378549 Sample testcases of the described bug Safari rasterises/pixelates all clip-paths, images and vector elements such as svgs and text when there is a video element present, and that element is scaled. See the sample testcase file attached for a full list of cases where this occurs, it also seems to occur when two elements are seperately scaled but overlap (see the last 2 testcases) 1570005 1 simon.fraser 2019-09-11 15:29:11 -0700 *** This bug has been marked as a duplicate of bug 27684 *** 378549 2019-09-11 02:08:59 -0700 2019-09-11 02:08:59 -0700 Sample testcases of the described bug index.html text/html 6606 samuel.wemyss PGh0bWw+Cgo8aGVhZD4KICA8c3R5bGU+CiAgICAud3JhcCB7CiAgICAgIGNsaXAtcGF0aDogdXJs KCN0cmlhbmdsZSk7CiAgICAgIC13ZWJraXQtY2xpcC1wYXRoOiB1cmwoI3RyaWFuZ2xlKTsKICAg IH0KCiAgICAud3JhcCwgLnNpbXBsZS13cmFwLCAud3JhcC1zYWZhcmktb25seSB7CiAgICAgIHdp ZHRoOiAxMDBweDsKICAgICAgaGVpZ2h0OiAxMDBweDsKICAgIH0KCiAgICAud3JhcC1zYWZhcmkt b25seSB7CiAgICAgIGNsaXAtcGF0aDogcGF0aCgnTTUwIDAgTDI1IDEwMCBMNzUgMTAwIFonKTsK ICAgICAgLXdlYmtpdC1jbGlwLXBhdGg6IHBhdGgoJ001MCAwIEwyNSAxMDAgTDc1IDEwMCBaJyk7 CiAgICB9CgogICAgdmlkZW8sIGltZyB7CiAgICAgIGhlaWdodDogMTAwJTsKICAgIH0KCiAgICAu c2NhbGUtdGhpbmdzIHsKICAgICAgdHJhbnNmb3JtOiBzY2FsZSg0KTsKICAgICAgdHJhbnNmb3Jt LW9yaWdpbjogdG9wIGxlZnQ7CiAgICB9CgogICAgLnNwYWNlciB7CiAgICAgIHdpZHRoOiAxMDAl OwogICAgICBtYXJnaW4tdG9wOiAxMHB4OwogICAgICBtYXJnaW4tYm90dG9tOiAxMHB4OwogICAg ICBwYWRkaW5nLWJvdHRvbTogNTAwcHg7CiAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCBi bHVlOwogICAgfQogIDwvc3R5bGU+CjwvaGVhZD4KCjxib2R5PgogIDxzdmcgaGVpZ2h0PSIwIiB3 aWR0aD0iMCI+CiAgICA8ZGVmcz4KICAgICAgPGNsaXBQYXRoIGlkPSd0cmlhbmdsZSc+CiAgICAg ICAgPHBhdGggZD0iTTUwIDAgTDI1IDEwMCBMNzUgMTAwIFoiIC8+CiAgICAgIDwvY2xpcFBhdGg+ CiAgICA8L2RlZnM+CiAgPC9zdmc+CgogIDwhLS0gICBUZXh0IG9ubHkgc2NhbGVkICAgLS0+CiAg PGk+V29ya3MgY29ycmVjdGx5IGluIGVhY2ggYnJvd3NlcjwvaT48YnI+CiAgPGRpdiBjbGFzcz0i c2NhbGUtdGhpbmdzIj4KICAgIExvcmVtIElwc3VtCiAgPC9kaXY+CgogIDxkaXYgY2xhc3M9InNw YWNlciI+PC9kaXY+CgogIDwhLS0gICBEZWZhdWx0IFZpZGVvICAgLS0+CiAgPGk+V29ya3MgY29y cmVjdGx5IGluIGVhY2ggYnJvd3NlcjwvaT48YnI+CiAgPGRpdj4KICAgIExvcmVtIElwc3VtCiAg ICA8ZGl2IGNsYXNzPSJ3cmFwIj4KICAgICAgPHZpZGVvIGNyb3Nzb3JpZ2luPSJhbm9ueW1vdXMi IG11dGVkIGF1dG9wbGF5PgogICAgICAgIDxzb3VyY2Ugc3JjPSJodHRwczovL2NvbW1vbmRhdGFz dG9yYWdlLmdvb2dsZWFwaXMuY29tL2d0di12aWRlb3MtYnVja2V0L3NhbXBsZS9CaWdCdWNrQnVu bnkubXA0Ij4KICAgICAgPC92aWRlbz4KICAgIDwvZGl2PgogIDwvZGl2PgoKICA8ZGl2IGNsYXNz PSJzcGFjZXIiPjwvZGl2PgoKICA8IS0tICAgU2NhbGVkIDV4IFZpZGVvIC0gbm8gY2xpcCBwYXRo ICAgLS0+CiAgPGk+RG9lcyBub3Qgd29yayBpbiBTYWZhcmkgLSByYXN0ZXJpc2VzIHRoZSB0ZXh0 PC9pPjxicj4KICA8ZGl2IGNsYXNzPSJzY2FsZS10aGluZ3MiPgogICAgTG9yZW0gSXBzdW0KICAg IDxkaXYgY2xhc3M9InNpbXBsZS13cmFwIj4KICAgICAgPHZpZGVvIGNyb3Nzb3JpZ2luPSJhbm9u eW1vdXMiIG11dGVkIGF1dG9wbGF5PgogICAgICAgIDxzb3VyY2Ugc3JjPSJodHRwczovL2NvbW1v bmRhdGFzdG9yYWdlLmdvb2dsZWFwaXMuY29tL2d0di12aWRlb3MtYnVja2V0L3NhbXBsZS9CaWdC dWNrQnVubnkubXA0Ij4KICAgICAgPC92aWRlbz4KICAgIDwvZGl2PgogICAgPHN2ZyBoZWlnaHQ9 IjEwMCIgd2lkdGg9Ijc1Ij4KICAgICAgICA8cGF0aCBkPSJNNTAgMCBMMjUgMTAwIEw3NSAxMDAg WiIgc3R5bGU9ImZpbGw6bGltZTtzdHJva2U6cHVycGxlO3N0cm9rZS13aWR0aDoxIi8+CiAgICAg IDwvc3ZnPgogIDwvZGl2PgoKICA8ZGl2IGNsYXNzPSJzcGFjZXIiIHN0eWxlPSJtYXJnaW4tdG9w OiAyMDBweDsiPjwvZGl2PgoKICA8IS0tICAgU2NhbGVkIDV4IFZpZGVvICAgLS0+CiAgPGk+RG9l cyBub3Qgd29yayBpbiBTYWZhcmkgLSByYXN0ZXJpc2VzIHRoZSB0ZXh0IGFuZCB0aGUgc3ZnPC9p Pjxicj4KICA8ZGl2IGNsYXNzPSJzY2FsZS10aGluZ3MiPgogICAgTG9yZW0gSXBzdW0KICAgIDxk aXYgY2xhc3M9IndyYXAiPgogICAgICA8dmlkZW8gY3Jvc3NvcmlnaW49ImFub255bW91cyIgbXV0 ZWQgYXV0b3BsYXk+CiAgICAgICAgPHNvdXJjZSBzcmM9Imh0dHBzOi8vY29tbW9uZGF0YXN0b3Jh Z2UuZ29vZ2xlYXBpcy5jb20vZ3R2LXZpZGVvcy1idWNrZXQvc2FtcGxlL0JpZ0J1Y2tCdW5ueS5t cDQiPgogICAgICA8L3ZpZGVvPgogICAgPC9kaXY+CiAgPC9kaXY+CgogIDxkaXYgY2xhc3M9InNw YWNlciI+PC9kaXY+CgoKICA8IS0tICAgU2NhbGVkIDV4IFZpZGVvIHdpdGhvdXQgdGV4dCAgIC0t PgogIDxpPkRvZXMgbm90IHdvcmsgaW4gU2FmYXJpIC0gIHJhc3RlcmlzZXMgdGhlIHZpZGVvIGNs aXBQYXRoPC9pPjxicj4KICBWaWRlbyBpcyBzY2FsZWQsIHRoaXMgdGV4dCBpcyBub3QKICA8ZGl2 IGNsYXNzPSJzY2FsZS10aGluZ3MiPgogICAgPGRpdiBjbGFzcz0id3JhcCI+CiAgICAgIDx2aWRl byBjcm9zc29yaWdpbj0iYW5vbnltb3VzIiBtdXRlZCBhdXRvcGxheT4KICAgICAgICA8c291cmNl IHNyYz0iaHR0cHM6Ly9jb21tb25kYXRhc3RvcmFnZS5nb29nbGVhcGlzLmNvbS9ndHYtdmlkZW9z LWJ1Y2tldC9zYW1wbGUvQmlnQnVja0J1bm55Lm1wNCI+CiAgICAgIDwvdmlkZW8+CiAgICA8L2Rp dj4KICA8L2Rpdj4KCiAgPGRpdiBjbGFzcz0ic3BhY2VyIj48L2Rpdj4KCiAgIDwhLS0gICBTY2Fs ZWQgNXggVmlkZW8gLSB1c2luZyBjbGlwLXBhdGg6IHBhdGgoKSAgIC0tPgogICA8aT5LaW5kIG9m IHdvcmtzIC0gVmlkZW8gaXMgY3Jpc3AgaW4gU2FmYXJpLCB0aGUgdGV4dCBpcyBibHVycnkgdGhv dWdoLjwvaT48YnI+CiAgIDxpPlRoaXMgaXMgdXNpbmcgYGNsaXAtcGF0aDogcGF0aCgpYCByYXRo ZXIgdGhhbiBgY2xpcC1wYXRoOiB1cmwoKWA8L2k+PGJyPgogICA8ZGl2IGNsYXNzPSJzY2FsZS10 aGluZ3MiPgogICAgIExvcmVtIElwc3VtCiAgICAgPGRpdiBjbGFzcz0id3JhcC1zYWZhcmktb25s eSI+CiAgICAgICA8dmlkZW8gY3Jvc3NvcmlnaW49ImFub255bW91cyIgbXV0ZWQgYXV0b3BsYXk+ CiAgICAgICAgIDxzb3VyY2Ugc3JjPSJodHRwczovL2NvbW1vbmRhdGFzdG9yYWdlLmdvb2dsZWFw aXMuY29tL2d0di12aWRlb3MtYnVja2V0L3NhbXBsZS9CaWdCdWNrQnVubnkubXA0Ij4KICAgICAg IDwvdmlkZW8+CiAgICAgPC9kaXY+CiAgIDwvZGl2PgoKICAgPGRpdiBjbGFzcz0ic3BhY2VyIj48 L2Rpdj4KCiAgPCEtLSAgIERlZmF1bHQgaW1hZ2UgIC0tPgogIDxpPldvcmtzIGNvcnJlY3RseSBp biBlYWNoIGJyb3dzZXI8L2k+PGJyPgogIDxkaXY+CiAgICBMb3JlbSBJcHN1bQogICAgPGRpdiBj bGFzcz0id3JhcCI+CiAgICAgIDxpbWcgc3JjPSJodHRwczovL3dlbXlzcy5naXRodWIuaW8vc3Rh dGljL2hvbWUtMjExNjZkNWY0ZmU0MDBlMWZhODI5YmYxOTRiOGVmMGQuanBnIiAvPgogICAgPC9k aXY+CiAgPC9kaXY+CgogIDxkaXYgY2xhc3M9InNwYWNlciI+PC9kaXY+CgogIDwhLS0gICBTY2Fs ZWQgNXggaW1hZ2UgIC0tPgogIDxpPldvcmtzIGNvcnJlY3RseSBpbiBlYWNoIGJyb3dzZXI8L2k+ PGJyPgogIDxkaXYgY2xhc3M9InNjYWxlLXRoaW5ncyI+CiAgICBMb3JlbSBJcHN1bQogICAgPGRp diBjbGFzcz0id3JhcCI+CiAgICAgIDxpbWcgc3JjPSJodHRwczovL3dlbXlzcy5naXRodWIuaW8v c3RhdGljL2hvbWUtMjExNjZkNWY0ZmU0MDBlMWZhODI5YmYxOTRiOGVmMGQuanBnIiAvPgogICAg PC9kaXY+CiAgPC9kaXY+CgogIDxkaXYgY2xhc3M9InNwYWNlciI+PC9kaXY+CgogIDwhLS0gICBT Y2FsZWQgNXggaW1hZ2Ugd2l0aG91dCB0ZXh0ICAgLS0+CiAgPGk+V29ya3MgY29ycmVjdGx5IGlu IGVhY2ggYnJvd3NlcjwvaT48YnI+CiAgSW1hZ2UgaXMgc2NhbGVkLCB0aGlzIHRleHQgaXMgbm90 CiAgPGRpdiBjbGFzcz0ic2NhbGUtdGhpbmdzIj4KICAgIDxkaXYgY2xhc3M9IndyYXAiPgogICAg ICA8aW1nIHNyYz0iaHR0cHM6Ly93ZW15c3MuZ2l0aHViLmlvL3N0YXRpYy9ob21lLTIxMTY2ZDVm NGZlNDAwZTFmYTgyOWJmMTk0YjhlZjBkLmpwZyIgLz4KICAgIDwvZGl2PgogIDwvZGl2PgoKICA8 ZGl2IGNsYXNzPSJzcGFjZXIiPjwvZGl2PgoKICAgPCEtLSAgIFNjYWxlZCA1eCBpbWFnZSAtIHVz aW5nIGNsaXAtcGF0aDogcGF0aCgpICAgLS0+CiAgIDxpPlNhZmFyaSBvbmx5IGR1ZSB0byBjbGlw LXBhdGg6IHBhdGgoKSBzdXBwb3J0PC9pPjxicj4KICAgPGk+VGhpcyBpcyB1c2luZyBgY2xpcC1w YXRoOiBwYXRoKClgIHJhdGhlciB0aGFuIGBjbGlwLXBhdGg6IHVybCgpYDwvaT48YnI+CiAgIDxk aXYgY2xhc3M9InNjYWxlLXRoaW5ncyI+CiAgICAgTG9yZW0gSXBzdW0KICAgICA8ZGl2IGNsYXNz PSJ3cmFwLXNhZmFyaS1vbmx5Ij4KICAgICAgPGltZyBzcmM9Imh0dHBzOi8vd2VteXNzLmdpdGh1 Yi5pby9zdGF0aWMvaG9tZS0yMTE2NmQ1ZjRmZTQwMGUxZmE4MjliZjE5NGI4ZWYwZC5qcGciIC8+ CiAgICAgPC9kaXY+CiAgIDwvZGl2PgoKICA8ZGl2IGNsYXNzPSJzcGFjZXIiPjwvZGl2PgoKICA8 IS0tICAgT3ZlcmxhcHBpbmcgdmlkZW8gYW5kIGltYWdlICAgLS0+CiAgPGk+RG9lcyBub3Qgd29y ayBpbiBTYWZhcmkgLSAgcmFzdGVyaXNlcyB0aGUgdmlkZW8gY2xpcFBhdGg8L2k+PGJyPgogIEJv dGggdmlkZW8gYW5kIGltYWdlIHNjYWxlZCA8Yj5zZXBlcmF0ZWx5PC9iPiwgYnV0IG92ZXJsYXAu IEJvdGggc2hvdWxkIGhhdmUgY3Jpc3AgZWRnZXMKICA8ZGl2IGNsYXNzPSJzY2FsZS10aGluZ3Mi PgogICAgPGRpdiBjbGFzcz0id3JhcCI+CiAgICAgIDxpbWcgc3JjPSJodHRwczovL3dlbXlzcy5n aXRodWIuaW8vc3RhdGljL2hvbWUtMjExNjZkNWY0ZmU0MDBlMWZhODI5YmYxOTRiOGVmMGQuanBn IiAvPgogICAgPC9kaXY+CiAgPC9kaXY+CiAgPGRpdiBjbGFzcz0ic2NhbGUtdGhpbmdzIj4KICAg IDxkaXYgY2xhc3M9IndyYXAiPgogICAgICA8dmlkZW8gY3Jvc3NvcmlnaW49ImFub255bW91cyIg bXV0ZWQgYXV0b3BsYXk+CiAgICAgICAgPHNvdXJjZSBzcmM9Imh0dHBzOi8vY29tbW9uZGF0YXN0 b3JhZ2UuZ29vZ2xlYXBpcy5jb20vZ3R2LXZpZGVvcy1idWNrZXQvc2FtcGxlL0JpZ0J1Y2tCdW5u eS5tcDQiPgogICAgICA8L3ZpZGVvPgogICAgPC9kaXY+CiAgPC9kaXY+CgogIDxkaXYgY2xhc3M9 InNwYWNlciI+PC9kaXY+CgogIDwhLS0gICBPdmVybGFwcGluZyB2aWRlbyBhbmQgaW1hZ2UgICAt LT4KICA8aT5Eb2VzIG5vdCB3b3JrIGluIFNhZmFyaSAtICByYXN0ZXJpc2VzIGJvdGggdGhlIGlt YWdlIGFuZCB2aWRlbyBhbmQgdGhlaXIgY2xpcFBhdGhzPC9pPjxicj4KICBCb3RoIHZpZGVvIGFu ZCBpbWFnZSBzY2FsZWQgPGI+c2VwZXJhdGVseTwvYj4sIGJ1dCBvdmVybGFwLiBCb3RoIHNob3Vs ZCBoYXZlIGNyaXNwIGVkZ2VzCiAgPGRpdiBjbGFzcz0ic2NhbGUtdGhpbmdzIj4KICAgIDxkaXYg Y2xhc3M9IndyYXAiPgogICAgICA8dmlkZW8gY3Jvc3NvcmlnaW49ImFub255bW91cyIgbXV0ZWQg YXV0b3BsYXk+CiAgICAgICAgPHNvdXJjZSBzcmM9Imh0dHBzOi8vY29tbW9uZGF0YXN0b3JhZ2Uu Z29vZ2xlYXBpcy5jb20vZ3R2LXZpZGVvcy1idWNrZXQvc2FtcGxlL0JpZ0J1Y2tCdW5ueS5tcDQi PgogICAgICA8L3ZpZGVvPgogICAgPC9kaXY+CiAgPC9kaXY+CiAgPGRpdiBjbGFzcz0ic2NhbGUt dGhpbmdzIiBzdHlsZT0ibWFyZ2luLXRvcDogMjk5cHgiPgogICAgPGRpdiBjbGFzcz0id3JhcCI+ CiAgICAgIDxpbWcgc3JjPSJodHRwczovL3dlbXlzcy5naXRodWIuaW8vc3RhdGljL2hvbWUtMjEx NjZkNWY0ZmU0MDBlMWZhODI5YmYxOTRiOGVmMGQuanBnIiAvPgogICAgPC9kaXY+CiAgPC9kaXY+ CiAgPGRpdiBjbGFzcz0ic3BhY2VyIj48L2Rpdj4KCiAgICA8IS0tICAgT3ZlcmxhcHBpbmcgdmlk ZW8gYW5kIGltYWdlICAgLS0+CiAgICA8aT5Xb3JrcyBjb3JyZWN0bHkgaW4gZWFjaCBicm93c2Vy PC9pPjxicj4KICAgIEJvdGggdmlkZW8gYW5kIGltYWdlIHNjYWxlZCA8Yj5zZXBlcmF0ZWx5PC9i PiwgYnV0IG92ZXJsYXAuIEJvdGggc2hvdWxkIGhhdmUgY3Jpc3AgZWRnZXMsIHRoZSB2aWRlbyBh bmQgdGhlIGltYWdlIGRvIG5vdCBvdmVybGFwCiAgICA8ZGl2IGNsYXNzPSJzY2FsZS10aGluZ3Mi PgogICAgICA8ZGl2IGNsYXNzPSJ3cmFwIj4KICAgICAgICA8dmlkZW8gY3Jvc3NvcmlnaW49ImFu b255bW91cyIgbXV0ZWQgYXV0b3BsYXk+CiAgICAgICAgICA8c291cmNlIHNyYz0iaHR0cHM6Ly9j b21tb25kYXRhc3RvcmFnZS5nb29nbGVhcGlzLmNvbS9ndHYtdmlkZW9zLWJ1Y2tldC9zYW1wbGUv QmlnQnVja0J1bm55Lm1wNCI+CiAgICAgICAgPC92aWRlbz4KICAgICAgPC9kaXY+CiAgICA8L2Rp dj4KICAgIDxkaXYgY2xhc3M9InNjYWxlLXRoaW5ncyIgc3R5bGU9Im1hcmdpbi10b3A6IDMwMHB4 Ij4KICAgICAgPGRpdiBjbGFzcz0id3JhcCI+CiAgICAgICAgPGltZyBzcmM9Imh0dHBzOi8vd2Vt eXNzLmdpdGh1Yi5pby9zdGF0aWMvaG9tZS0yMTE2NmQ1ZjRmZTQwMGUxZmE4MjliZjE5NGI4ZWYw ZC5qcGciIC8+CiAgICAgIDwvZGl2PgogICAgPC9kaXY+CjwvYm9keT4KCjwvaHRtbD4K