Shadow DOM elements in Safari doesn't properly support -webkit-transform. Chrome does. Obviously with the upcoming <component> and <template> tags this is going to be a big issues. You can test here: http://jsbin.com/eluduf/1/edit Hover over the <VIDEO> play button, in Safari it doesn't obey -webkit-transform: scale(1.2); it DOES in Google Chrome. REALLY need this to work gentlemen, Devs need to be able to play with Shadow DOM, as this year millions of sites are going to start using it. Thank you - beer is on me!
I am able to reproduce this bug in Safari 15.6 on macOS 12.6 where hovering on <video> tag does not reflect any transform but in case of Chrome Canary 106, it changes to "Blue" background to transition and show effect. I was not able to test this in Firefox Nightly 105 because of "No Video with supported format and MIME type found" error. I am changing status to "New". Thanks!
<rdar://problem/98460397>