<?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>55835</bug_id>
          <alias>transition_flash</alias>
          <creation_ts>2011-03-05 16:21:51 -0800</creation_ts>
          <short_desc>Transition has glitches (Chrome 10, WebKit Nightly)</short_desc>
          <delta_ts>2022-07-12 14:26:26 -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>CSS</component>
          <version>528+ (Nightly build)</version>
          <rep_platform>Mac (Intel)</rep_platform>
          <op_sys>OS X 10.6</op_sys>
          <bug_status>RESOLVED</bug_status>
          <resolution>CONFIGURATION CHANGED</resolution>
          
          
          <bug_file_loc>http://jsfiddle.net/timmywil/2ZJhr/</bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords></keywords>
          <priority>P3</priority>
          <bug_severity>Major</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter name="timmywil">tim.willison</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>bfulgham</cc>
    
    <cc>cmarrin</cc>
    
    <cc>css</cc>
    
    <cc>dino</cc>
    
    <cc>jamesr</cc>
    
    <cc>kbr</cc>
    
    <cc>kling</cc>
    
    <cc>shanestephens</cc>
    
    <cc>simon.fraser</cc>
    
    <cc>vangelis</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>363018</commentid>
    <comment_count>0</comment_count>
    <who name="timmywil">tim.willison</who>
    <bug_when>2011-03-05 16:21:51 -0800</bug_when>
    <thetext>The url demonstrates what I mean if you view in Safari or Webkit Nightly.  The text flashes whenever you hover over the word &quot;Test&quot; in red.  This happens with any transition of any -webkit-transform.  Pretty annoying css bug as I can&apos;t transition any transforms in Safari without the other content flashing.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>370268</commentid>
    <comment_count>1</comment_count>
    <who name="Shane Stephens">shanestephens</who>
    <bug_when>2011-03-20 20:54:16 -0700</bug_when>
    <thetext>With hardware acceleration on in Chrome 10, while animating font is not bold (but start- and end-points are bold).  With hardware acceleration off in Chrome 10, corner of &apos;t&apos; leaves a red trail when animating.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>370270</commentid>
    <comment_count>2</comment_count>
    <who name="Shane Stephens">shanestephens</who>
    <bug_when>2011-03-20 20:58:58 -0700</bug_when>
    <thetext>To clarify, in Safari nightly a large chunk of text flashes, not just the animated text.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>371076</commentid>
    <comment_count>3</comment_count>
    <who name="Simon Fraser (smfr)">simon.fraser</who>
    <bug_when>2011-03-21 17:51:13 -0700</bug_when>
    <thetext>I see the black background flash when inside the frame, but not when standalone: &lt;http://fiddle.jshell.net/timmywil/2ZJhr/show/&gt;.

Is that what this bug is about?</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>371133</commentid>
    <comment_count>4</comment_count>
    <who name="timmywil">tim.willison</who>
    <bug_when>2011-03-21 18:50:30 -0700</bug_when>
    <thetext>I found this because it occurred on my website in safari only.  http://timmywillison.com.  Perhaps it has something to do with a larger and/or more nested dom?</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>881870</commentid>
    <comment_count>5</comment_count>
    <who name="Kevin Doughty">css</who>
    <bug_when>2013-04-26 06:59:49 -0700</bug_when>
    <thetext>This is the same as rdar://problem/12081774 . I call it the flash of un-animated content. I have a more reliable demo at http://jsfiddle.net/DFTzk/ . I have this problem using Core Animation. It seems that even though an animation is added and the model value is set within the same transaction, there appear to be slight media timing differences. The workaround is to use kCAFillModeBoth, which ensures that there are no gaps.  The bug was not present in OSX 10.5 Leopard, I believe it was introduced when Core Animation was re-written in C++. Unfortunately CSS transactions do not allow fill mode to be specified, only CSS animations.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>881875</commentid>
    <comment_count>6</comment_count>
    <who name="Kevin Doughty">css</who>
    <bug_when>2013-04-26 07:04:43 -0700</bug_when>
    <thetext>s/Unfortunately CSS transactions/Unfortunately CSS transitions</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>881926</commentid>
    <comment_count>7</comment_count>
    <who name="Simon Fraser (smfr)">simon.fraser</who>
    <bug_when>2013-04-26 09:18:30 -0700</bug_when>
    <thetext>This bug has morphed. I think the original bug was about the appearance of the &lt;p&gt; text changing when Test is animating in the test case, which is related to bug 23364.

Kevin, this is unrelated to your issue. Please file a new bug about http://jsfiddle.net/DFTzk/</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1882577</commentid>
    <comment_count>8</comment_count>
    <who name="Brent Fulgham">bfulgham</who>
    <bug_when>2022-07-12 14:26:26 -0700</bug_when>
    <thetext>Safari, Chrome, and Firefox all agree on rendering for this test case. I don&apos;t believe there is any remaining compatibility issue.</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>