299091 2025-09-18 07:37:03 -0700 Elements with background gradients flicker during view-transition 2025-10-21 19:26:00 -0700 1 1 1 Unclassified WebKit Layout and Rendering Safari Technology Preview Mac (Apple Silicon) macOS 15 RESOLVED FIXED InRadar P2 Normal --- 1 contact mattwoodrow bfulgham ntim pareenv simon.fraser webkit-bug-importer zalan oldest_to_newest 2143966 0 476788 contact 2025-09-18 07:37:03 -0700 Created attachment 476788 Reduction of the bug in a single html file I have attached a reduction. The problem only seems to show when using a 'complex' background (a pattern in this instance but filters can also be problematic). 1. Click 'Deal!' button 2. The top card will move into position with a view-transition 3. Notice that the numbers seem to count up in the stack of cards at the bottom 4. Set the background of .card to a static color and notice the problem does not persist 2144117 1 webkit-bug-importer 2025-09-18 14:11:57 -0700 <rdar://problem/160886647> 2147295 2 mattwoodrow 2025-09-30 14:36:26 -0700 Pull request: https://github.com/WebKit/WebKit/pull/51593 2147950 3 ews-feeder 2025-10-02 15:24:32 -0700 Committed 300902@main (dd03e50fba5f): <https://commits.webkit.org/300902@main> Reviewed commits have been landed. Closing PR #51593 and removing active labels. 2153214 4 mattwoodrow 2025-10-21 19:26:00 -0700 *** Bug 300877 has been marked as a duplicate of this bug. *** 476788 2025-09-18 07:37:03 -0700 2025-09-18 07:37:03 -0700 Reduction of the bug in a single html file view-transition-background-bug.html text/html 6800 contact PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICAgIDxoZWFkPgogICAgICAgIDxtZXRh IGNoYXJzZXQ9IlVURi04IiAvPgogICAgICAgIDxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50 PSJ3aWR0aD1kZXZpY2Utd2lkdGgsIGluaXRpYWwtc2NhbGU9MS4wIiAvPgogICAgICAgIDx0aXRs ZT5SV0QuZWR1Y2F0aW9uIGV4YW1wbGUgb2YgUG9wb3ZlciBBUEk8L3RpdGxlPgogICAgICAgIDxz dHlsZT4KICAgICAgICAgICAgYm9keSB7CiAgICAgICAgICAgICAgICBtYXJnaW46IDA7CiAgICAg ICAgICAgICAgICBwYWRkaW5nOiAwOwogICAgICAgICAgICB9CgogICAgICAgICAgICAudGFibGUg ewogICAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkOwogICAgICAgICAgICAgICAgYmFja2dy b3VuZC1jb2xvcjogZ3JlZW47CiAgICAgICAgICAgICAgICBpbnNldDogMDsKICAgICAgICAgICAg fQoKICAgICAgICAgICAgLmRlYWwgewogICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRl OwogICAgICAgICAgICAgICAgYm90dG9tOiAxMHB4OwogICAgICAgICAgICAgICAgcmlnaHQ6IDEw cHg7CiAgICAgICAgICAgICAgICBmb250LXNpemU6IDMwcHg7CiAgICAgICAgICAgIH0KCiAgICAg ICAgICAgIC5jYXJkIHsKICAgICAgICAgICAgICAgIGJvdHRvbTogMTBweDsKICAgICAgICAgICAg ICAgIGxlZnQ6IDUwJTsKICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAl KTsKICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogNTBweDsKICAgICAgICAgICAgICAgIGZvbnQt d2VpZ2h0OiA3MDA7CiAgICAgICAgICAgICAgICBmb250LWZhbWlseTogIlNlZ29lIFVJIiwgVGFo b21hLCBHZW5ldmEsIFZlcmRhbmEsIHNhbnMtc2VyaWY7CiAgICAgICAgICAgICAgICBiYWNrZ3Jv dW5kOiByYWRpYWwtZ3JhZGllbnQoYmxhY2sgM3B4LCB0cmFuc3BhcmVudCA0cHgpLAogICAgICAg ICAgICAgICAgICAgIHJhZGlhbC1ncmFkaWVudChibGFjayAzcHgsIHRyYW5zcGFyZW50IDRweCks CiAgICAgICAgICAgICAgICAgICAgbGluZWFyLWdyYWRpZW50KCNmZmYgNHB4LCB0cmFuc3BhcmVu dCAwKSwKICAgICAgICAgICAgICAgICAgICBsaW5lYXItZ3JhZGllbnQoCiAgICAgICAgICAgICAg ICAgICAgICAgIDQ1ZGVnLAogICAgICAgICAgICAgICAgICAgICAgICB0cmFuc3BhcmVudCA3NHB4 LAogICAgICAgICAgICAgICAgICAgICAgICB0cmFuc3BhcmVudCA3NXB4LAogICAgICAgICAgICAg ICAgICAgICAgICAjYTRhNGE0IDc1cHgsCiAgICAgICAgICAgICAgICAgICAgICAgICNhNGE0YTQg NzZweCwKICAgICAgICAgICAgICAgICAgICAgICAgdHJhbnNwYXJlbnQgNzdweCwKICAgICAgICAg ICAgICAgICAgICAgICAgdHJhbnNwYXJlbnQgMTA5cHgKICAgICAgICAgICAgICAgICAgICApLAog ICAgICAgICAgICAgICAgICAgIGxpbmVhci1ncmFkaWVudCgKICAgICAgICAgICAgICAgICAgICAg ICAgLTQ1ZGVnLAogICAgICAgICAgICAgICAgICAgICAgICB0cmFuc3BhcmVudCA3NXB4LAogICAg ICAgICAgICAgICAgICAgICAgICB0cmFuc3BhcmVudCA3NnB4LAogICAgICAgICAgICAgICAgICAg ICAgICAjYTRhNGE0IDc2cHgsCiAgICAgICAgICAgICAgICAgICAgICAgICNhNGE0YTQgNzdweCwK ICAgICAgICAgICAgICAgICAgICAgICAgdHJhbnNwYXJlbnQgNzhweCwKICAgICAgICAgICAgICAg ICAgICAgICAgdHJhbnNwYXJlbnQgMTA5cHgKICAgICAgICAgICAgICAgICAgICApLAogICAgICAg ICAgICAgICAgICAgICNmZmY7CiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLXNpemU6IDEwOXB4 IDEwOXB4LCAxMDlweCAxMDlweCwgMTAwJSA2cHgsIDEwOXB4IDEwOXB4LAogICAgICAgICAgICAg ICAgICAgIDEwOXB4IDEwOXB4OwogICAgICAgICAgICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjog NTRweCA1NXB4LCAwcHggMHB4LCAwcHggMHB4LCAwcHggMHB4LAogICAgICAgICAgICAgICAgICAg IDBweCAwcHg7CiAgICAgICAgICAgICAgICBkaXNwbGF5OiBncmlkOwogICAgICAgICAgICAgICAg cGxhY2UtY29udGVudDogY2VudGVyOwogICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMTBw eDsKICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgICAgICAgICAgICAgIGhl aWdodDogMjAwcHg7CiAgICAgICAgICAgICAgICB3aWR0aDogMTM2cHg7CiAgICAgICAgICAgICAg ICBib3JkZXI6IDJweCBzb2xpZCAjZGRkOwogICAgICAgICAgICAgICAgZmlsdGVyOiBkcm9wLXNo YWRvdygxcHggMXB4IDFweCAjMDAwKTsKICAgICAgICAgICAgICAgIHRyYW5zZm9ybS1vcmlnaW46 IGNlbnRlcjsKICAgICAgICAgICAgICAgIC8qIFRoaXMgaXMgZWFzaWVyIHRoYW4gc2V0dGluZyBp biBKYXZhU2NyaXB0IGJ1dCBkb2VzIG5vdCB3b3JrIGluIFNhZmFyaSBhcyBvZiBsYXRlIDIwMjUg Ki8KICAgICAgICAgICAgICAgIC8qIHZpZXctdHJhbnNpdGlvbi1uYW1lOiBtYXRjaC1lbGVtZW50 OyAqLwogICAgICAgICAgICAgICAgdmlldy10cmFuc2l0aW9uLWNsYXNzOiBjYXJkOwogICAgICAg ICAgICAgICAgJjpudGgtbGFzdC1jaGlsZCgxKSB7CiAgICAgICAgICAgICAgICAgICAgdHJhbnNm b3JtOiB0cmFuc2xhdGVYKC01MCUpIHJvdGF0ZSgyZGVnKTsKICAgICAgICAgICAgICAgIH0KICAg ICAgICAgICAgICAgICY6bnRoLWxhc3QtY2hpbGQoMikgewogICAgICAgICAgICAgICAgICAgIHRy YW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKSByb3RhdGUoNGRlZyk7CiAgICAgICAgICAgICAgICB9 CiAgICAgICAgICAgICAgICAmLmRlYWx0IHsKICAgICAgICAgICAgICAgICAgICBib3R0b206IGF1 dG87CiAgICAgICAgICAgICAgICAgICAgdG9wOiAxMHB4OwogICAgICAgICAgICAgICAgfQogICAg ICAgICAgICAgICAgJi5kZWFsdDpudGgtY2hpbGQoMW4pIHsKICAgICAgICAgICAgICAgICAgICBs ZWZ0OiAxMHB4OwogICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDE3OGRlZyk7 CiAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICAmLmRlYWx0Om50aC1jaGlsZCgybikg ewogICAgICAgICAgICAgICAgICAgIGxlZnQ6IDI1dnc7CiAgICAgICAgICAgICAgICAgICAgdHJh bnNmb3JtOiByb3RhdGUoMTc4ZGVnKTsKICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAg ICYuZGVhbHQ6bnRoLWNoaWxkKDNuKSB7CiAgICAgICAgICAgICAgICAgICAgbGVmdDogNTB2dzsK ICAgICAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODNkZWcpOwogICAgICAgICAg ICAgICAgfQogICAgICAgICAgICAgICAgJi5kZWFsdDpudGgtY2hpbGQoNG4pIHsKICAgICAgICAg ICAgICAgICAgICBsZWZ0OiA3NXZ3OwogICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90 YXRlKDE4MWRlZyk7CiAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0KCiAgICAgICAgICAg IDo6dmlldy10cmFuc2l0aW9uLWdyb3VwKC5jYXJkKSB7CiAgICAgICAgICAgICAgICBhbmltYXRp b24tZHVyYXRpb246IDFzOwogICAgICAgICAgICB9CiAgICAgICAgPC9zdHlsZT4KICAgIDwvaGVh ZD4KICAgIDxib2R5PgogICAgICAgIDxkaXYgY2xhc3M9InRhYmxlIj4KICAgICAgICAgICAgPGRp diBjbGFzcz0iY2FyZCBjYXJkLTEiPjE8L2Rpdj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0iY2Fy ZCBjYXJkLTIiPjI8L2Rpdj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0iY2FyZCBjYXJkLTMiPjM8 L2Rpdj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0iY2FyZCBjYXJkLTQiPjQ8L2Rpdj4KICAgICAg ICAgICAgPGRpdiBjbGFzcz0iY2FyZCBjYXJkLTUiPjU8L2Rpdj4KICAgICAgICAgICAgPGRpdiBj bGFzcz0iY2FyZCBjYXJkLTYiPjY8L2Rpdj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0iY2FyZCBj YXJkLTciPjc8L2Rpdj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0iY2FyZCBjYXJkLTgiPjg8L2Rp dj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0iY2FyZCBjYXJkLTkiPjk8L2Rpdj4KICAgICAgICAg ICAgPGRpdiBjbGFzcz0iY2FyZCBjYXJkLTEwIj4xMDwvZGl2PgogICAgICAgICAgICA8ZGl2IGNs YXNzPSJjYXJkIGNhcmQtMTEiPjExPC9kaXY+CiAgICAgICAgICAgIDxkaXYgY2xhc3M9ImNhcmQg Y2FyZC0xMiI+MTI8L2Rpdj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0iY2FyZCBjYXJkLTEzIj4x MzwvZGl2PgogICAgICAgICAgICA8ZGl2IGNsYXNzPSJjYXJkIGNhcmQtMTQiPjE0PC9kaXY+CiAg ICAgICAgICAgIDxkaXYgY2xhc3M9ImNhcmQgY2FyZC0xNSI+MTU8L2Rpdj4KICAgICAgICAgICAg PGRpdiBjbGFzcz0iY2FyZCBjYXJkLTE2Ij4xNjwvZGl2PgogICAgICAgICAgICA8ZGl2IGNsYXNz PSJjYXJkIGNhcmQtMTciPjE3PC9kaXY+CiAgICAgICAgICAgIDxkaXYgY2xhc3M9ImNhcmQgY2Fy ZC0xOCI+MTg8L2Rpdj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0iY2FyZCBjYXJkLTE5Ij4xOTwv ZGl2PgogICAgICAgICAgICA8ZGl2IGNsYXNzPSJjYXJkIGNhcmQtMjAiPjIwPC9kaXY+CiAgICAg ICAgICAgIDxkaXYgY2xhc3M9ImNhcmQgY2FyZC0yMSI+MjE8L2Rpdj4KICAgICAgICAgICAgPGRp diBjbGFzcz0iY2FyZCBjYXJkLTIyIj4yMjwvZGl2PgogICAgICAgICAgICA8ZGl2IGNsYXNzPSJj YXJkIGNhcmQtMjMiPjIzPC9kaXY+CiAgICAgICAgICAgIDxkaXYgY2xhc3M9ImNhcmQgY2FyZC0y NCI+MjQ8L2Rpdj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0iY2FyZCBjYXJkLTI1Ij4yNTwvZGl2 PgogICAgICAgICAgICA8ZGl2IGNsYXNzPSJjYXJkIGNhcmQtMjYiPjI2PC9kaXY+CiAgICAgICAg ICAgIDxkaXYgY2xhc3M9ImNhcmQgY2FyZC0yNyI+Mjc8L2Rpdj4KICAgICAgICAgICAgPGRpdiBj bGFzcz0iY2FyZCBjYXJkLTI4Ij4yODwvZGl2PgogICAgICAgICAgICA8ZGl2IGNsYXNzPSJjYXJk IGNhcmQtMjkiPjI5PC9kaXY+CiAgICAgICAgICAgIDxkaXYgY2xhc3M9ImNhcmQgY2FyZC0zMCI+ MzA8L2Rpdj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0iY2FyZCBjYXJkLTMxIj4zMTwvZGl2Pgog ICAgICAgICAgICA8ZGl2IGNsYXNzPSJjYXJkIGNhcmQtMzIiPjMyPC9kaXY+CiAgICAgICAgICAg IDxkaXYgY2xhc3M9ImNhcmQgY2FyZC0zMyI+MzM8L2Rpdj4KICAgICAgICAgICAgPGRpdiBjbGFz cz0iY2FyZCBjYXJkLTM0Ij4zNDwvZGl2PgogICAgICAgICAgICA8ZGl2IGNsYXNzPSJjYXJkIGNh cmQtMzUiPjM1PC9kaXY+CiAgICAgICAgICAgIDxkaXYgY2xhc3M9ImNhcmQgY2FyZC0zNiI+MzY8 L2Rpdj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0iY2FyZCBjYXJkLTM3Ij4zNzwvZGl2PgogICAg ICAgICAgICA8ZGl2IGNsYXNzPSJjYXJkIGNhcmQtMzgiPjM4PC9kaXY+CiAgICAgICAgICAgIDxk aXYgY2xhc3M9ImNhcmQgY2FyZC0zOSI+Mzk8L2Rpdj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0i Y2FyZCBjYXJkLTQwIj40MDwvZGl2PgogICAgICAgICAgICA8ZGl2IGNsYXNzPSJjYXJkIGNhcmQt NDEiPjQxPC9kaXY+CiAgICAgICAgICAgIDxkaXYgY2xhc3M9ImNhcmQgY2FyZC00MiI+NDI8L2Rp dj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0iY2FyZCBjYXJkLTQzIj40MzwvZGl2PgogICAgICAg ICAgICA8ZGl2IGNsYXNzPSJjYXJkIGNhcmQtNDQiPjQ0PC9kaXY+CiAgICAgICAgICAgIDxkaXYg Y2xhc3M9ImNhcmQgY2FyZC00NSI+NDU8L2Rpdj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0iY2Fy ZCBjYXJkLTQ2Ij40NjwvZGl2PgogICAgICAgICAgICA8ZGl2IGNsYXNzPSJjYXJkIGNhcmQtNDci PjQ3PC9kaXY+CiAgICAgICAgICAgIDxkaXYgY2xhc3M9ImNhcmQgY2FyZC00OCI+NDg8L2Rpdj4K ICAgICAgICAgICAgPGRpdiBjbGFzcz0iY2FyZCBjYXJkLTQ5Ij40OTwvZGl2PgogICAgICAgICAg ICA8ZGl2IGNsYXNzPSJjYXJkIGNhcmQtNTAiPjUwPC9kaXY+CiAgICAgICAgICAgIDxkaXYgY2xh c3M9ImNhcmQgY2FyZC01MSI+NTE8L2Rpdj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0iY2FyZCBj YXJkLTUyIj41MjwvZGl2PgogICAgICAgIDwvZGl2PgogICAgICAgIDxidXR0b24gY2xhc3M9ImRl YWwiIHR5cGU9ImJ1dHRvbiIgaWQ9ImRlYWwiPkRlYWwhPC9idXR0b24+CgogICAgICAgIDxzY3Jp cHQ+CiAgICAgICAgICAgIGNvbnN0IGJ0biA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoIiNkZWFs Iik7CiAgICAgICAgICAgIGxldCBkZWFsdCA9IDA7CgogICAgICAgICAgICBidG4uYWRkRXZlbnRM aXN0ZW5lcigiY2xpY2siLCAoKSA9PiB7CiAgICAgICAgICAgICAgICBjb25zdCBjYXJkcyA9IEFy cmF5LmZyb20oCiAgICAgICAgICAgICAgICAgICAgZG9jdW1lbnQucXVlcnlTZWxlY3RvckFsbCgi LmNhcmQ6bm90KC5kZWFsdCkiKQogICAgICAgICAgICAgICAgKTsKICAgICAgICAgICAgICAgIGxl dCBuZXh0Q2FyZCA9IGNhcmRzW2NhcmRzLmxlbmd0aCAtIDFdOwogICAgICAgICAgICAgICAgZGVh bHQrKzsKICAgICAgICAgICAgICAgIG5leHRDYXJkLnN0eWxlLnpJbmRleCA9IGRlYWx0OwogICAg ICAgICAgICAgICAgbmV4dENhcmQuc3R5bGUudmlld1RyYW5zaXRpb25OYW1lID0gYG5hbWUtJHtk ZWFsdH1gOwogICAgICAgICAgICAgICAgZG9jdW1lbnQuc3RhcnRWaWV3VHJhbnNpdGlvbigoKSA9 PiB7CiAgICAgICAgICAgICAgICAgICAgbmV4dENhcmQuY2xhc3NMaXN0LmFkZCgiZGVhbHQiKTsK ICAgICAgICAgICAgICAgIH0pOwogICAgICAgICAgICB9KTsKICAgICAgICA8L3NjcmlwdD4KICAg IDwvYm9keT4KPC9odG1sPgo=