Bug 114441 - Shadow DOM doesn't support webkit-transform
Summary: Shadow DOM doesn't support webkit-transform
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: DOM (show other bugs)
Version: 528+ (Nightly build)
Hardware: All OS X 10.8
: P1 Major
Assignee: Nobody
URL: http://jsbin.com/eluduf/1/edit
Keywords: InRadar
Depends on:
Blocks: 148695
  Show dependency treegraph
 
Reported: 2013-04-11 07:34 PDT by Court Kizer
Modified: 2022-08-10 11:01 PDT (History)
6 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Court Kizer 2013-04-11 07:34:16 PDT
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!
Comment 1 Ahmad Saleem 2022-08-09 08:29:05 PDT
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!
Comment 2 Radar WebKit Bug Importer 2022-08-10 11:01:18 PDT
<rdar://problem/98460397>