<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!DOCTYPE bugzilla SYSTEM "https://bugs.webkit.org/page.cgi?id=bugzilla.dtd">

<bugzilla version="5.0.4.1"
          urlbase="https://bugs.webkit.org/"
          
          maintainer="admin@webkit.org"
>

    <bug>
          <bug_id>114441</bug_id>
          
          <creation_ts>2013-04-11 07:34:16 -0700</creation_ts>
          <short_desc>Shadow DOM doesn&apos;t support webkit-transform</short_desc>
          <delta_ts>2022-08-10 11:01:18 -0700</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>WebKit</product>
          <component>DOM</component>
          <version>528+ (Nightly build)</version>
          <rep_platform>All</rep_platform>
          <op_sys>OS X 10.8</op_sys>
          <bug_status>NEW</bug_status>
          <resolution></resolution>
          
          
          <bug_file_loc>http://jsbin.com/eluduf/1/edit</bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords>InRadar</keywords>
          <priority>P1</priority>
          <bug_severity>Major</bug_severity>
          <target_milestone>---</target_milestone>
          
          <blocked>148695</blocked>
          <everconfirmed>1</everconfirmed>
          <reporter name="Court Kizer">courtkizer</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>ahmad.saleem792</cc>
    
    <cc>ap</cc>
    
    <cc>bfulgham</cc>
    
    <cc>courtkizer</cc>
    
    <cc>rniwa</cc>
    
    <cc>webkit-bug-importer</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>873806</commentid>
    <comment_count>0</comment_count>
    <who name="Court Kizer">courtkizer</who>
    <bug_when>2013-04-11 07:34:16 -0700</bug_when>
    <thetext>Shadow DOM elements in Safari doesn&apos;t properly support -webkit-transform. Chrome does. Obviously with the upcoming &lt;component&gt; and &lt;template&gt; tags this is going to be a big issues. 

You can test here:

http://jsbin.com/eluduf/1/edit

Hover over the &lt;VIDEO&gt; play button, in Safari it doesn&apos;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!</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1889983</commentid>
    <comment_count>1</comment_count>
    <who name="Ahmad Saleem">ahmad.saleem792</who>
    <bug_when>2022-08-09 08:29:05 -0700</bug_when>
    <thetext>I am able to reproduce this bug in Safari 15.6 on macOS 12.6 where hovering on &lt;video&gt; tag does not reflect any transform but in case of Chrome Canary 106, it changes to &quot;Blue&quot; background to transition and show effect.

I was not able to test this in Firefox Nightly 105 because of &quot;No Video with supported format and MIME type found&quot; error.

I am changing status to &quot;New&quot;. Thanks!</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1890353</commentid>
    <comment_count>2</comment_count>
    <who name="Radar WebKit Bug Importer">webkit-bug-importer</who>
    <bug_when>2022-08-10 11:01:18 -0700</bug_when>
    <thetext>&lt;rdar://problem/98460397&gt;</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>