185721 2018-05-17 03:57:04 -0700 CSS transition not applied if color and fill="currentColor" in same SVG element 2023-02-10 00:46:23 -0800 1 1 1 Unclassified WebKit Animations Safari 11 Unspecified Unspecified RESOLVED DUPLICATE 250718 BrowserCompat, InRadar P2 Normal --- 1 jan.boesenberg webkit-unassigned ahmad.saleem792 ap dino graouts graouts jan.boesenberg rniwa sabouhallawa simon.fraser webkit-bug-importer webkit zimmermann oldest_to_newest 1424668 0 340569 jan.boesenberg 2018-05-17 03:57:04 -0700 Created attachment 340569 Concise test case for reproducing the issue Open the attached test case and move the mouse over the squares. In both cases the color should fade from red to blue. In the left example, where color and fill="currentColor" are set on the same element, the transition is ignored and the color changes abruptly from red to blue. In the right element the color is applied to the containing group element. The transition is applied correctly. 1789305 1 webkit 2021-09-01 05:58:24 -0700 Still present in Safari Technology Preview Release 130 (Safari 15.0, WebKit 16612.1.26.1.5). Bug is also present when `stroke: currentColor` 1790982 2 graouts 2021-09-07 06:47:57 -0700 Both Firefox and Chrome have the correct behavior here, Safari is the outlier. 1876354 3 ahmad.saleem792 2022-06-16 16:32:25 -0700 I am able to reproduce this bug in Safari 15.5 on macOS 12.4 and witnessing same result as mentioned in Comment 01 and left element change abruptly from red to blue rather than transition like right box. Thanks! 1876365 4 webkit-bug-importer 2022-06-16 16:59:26 -0700 <rdar://problem/95342299> 1932414 5 ahmad.saleem792 2023-02-09 12:25:34 -0800 This seems to be fixed in Safari Technology Preview 163 and now transition properly. I think we can mark this as "RESOLVED CONFIGURATION CHANGED" now. Appreciate if someone else can confirm as well. Thanks! 1932574 6 graouts 2023-02-10 00:46:23 -0800 Thanks for testing Ahmad. This was fixed in 259082@main, so marking as a dupe of bug 250718. *** This bug has been marked as a duplicate of bug 250718 *** 340569 2018-05-17 03:57:04 -0700 2018-05-17 03:57:04 -0700 Concise test case for reproducing the issue transition-bug.html text/html 826 jan.boesenberg PCFET0NUWVBFIGh0bWw+DQo8aHRtbD4NCjxoZWFkPg0KICA8bWV0YSBjaGFyc2V0PSJ1dGYtOCI+ DQogIDxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50PSJ3aWR0aD1kZXZpY2Utd2lkdGgiPg0K ICA8dGl0bGU+SlMgQmluPC90aXRsZT4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCg0KICAg IC5jb2xvcmVkIHsNCiAgICAgIGNvbG9yOiByZWQ7DQogICAgICB0cmFuc2l0aW9uOiBjb2xvciAx czsNCiAgICB9DQoNCiAgICAuY29sb3JlZDpob3ZlciB7DQogICAgICBjb2xvcjogYmx1ZTsNCiAg ICB9DQoNCiAgPC9zdHlsZT4NCjwvaGVhZD4NCjxib2R5Pg0KICAgIDxkaXY+TW92ZSBtb3VzZSBv dmVyIHNxdWFyZXMgdG8gY2hhbmdlIGNvbG9yPC9kaXY+DQogIDxkaXYgPg0KICAgIDxzdmcgdmVy c2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5r PSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjI1NiIg dmlld0JveD0iMCwwLDUxMiwyNTYiIGNvbG9yLWludGVycG9sYXRpb249InNSR0IiID4NCg0KICAg ICAgPHJlY3QgY2xhc3M9ImNvbG9yZWQiICB4PSI2NCIgeT0iNjQiIHdpZHRoPSIxMjgiIGhlaWdo dD0iMTI4IiAgZmlsbD0iY3VycmVudENvbG9yIiAgLz4NCg0KICAgICAgPGcgY2xhc3M9ImNvbG9y ZWQiPg0KICAgICAgICA8cmVjdCB4PSIyNTYiIHk9IjY0IiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEy OCIgIGZpbGw9ImN1cnJlbnRDb2xvciIgIC8+DQogICAgICA8L2c+DQoNCiAgICA8L3N2Zz4NCiAg PC9kaXY+DQoNCjwvYm9keT4NCjwvaHRtbD4NCg==