<?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>279514</bug_id>
          
          <creation_ts>2024-09-11 07:06:52 -0700</creation_ts>
          <short_desc>[css-transitions] `getKeyframes()` returns the same values for &quot;from&quot; and &quot;to&quot; with a custom property</short_desc>
          <delta_ts>2024-09-18 14:59:19 -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>Animations</component>
          <version>WebKit Nightly Build</version>
          <rep_platform>Unspecified</rep_platform>
          <op_sys>Unspecified</op_sys>
          <bug_status>RESOLVED</bug_status>
          <resolution>FIXED</resolution>
          
          <see_also>https://bugs.webkit.org/show_bug.cgi?id=279252</see_also>
    
    <see_also>https://github.com/web-platform-tests/wpt/pull/48103</see_also>
          <bug_file_loc></bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords>InRadar</keywords>
          <priority>P2</priority>
          <bug_severity>Normal</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter name="Antoine Quint">graouts</reporter>
          <assigned_to name="Antoine Quint">graouts</assigned_to>
          <cc>bramus</cc>
    
    <cc>graouts</cc>
    
    <cc>webkit-bug-importer</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>2059286</commentid>
    <comment_count>0</comment_count>
      <attachid>472522</attachid>
    <who name="Antoine Quint">graouts</who>
    <bug_when>2024-09-11 07:06:52 -0700</bug_when>
    <thetext>Created attachment 472522
Test

See the attached test case and notice how transitioning a custom property will yield a CSSTransition with the same reported value for the custom property for both the &quot;from&quot; and &quot;to&quot; keyframe. This simply can&apos;t be right, otherwise no transition would be created. It also appears that the computed style for the targeted element is incorrect, which could be the same underlying issue.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2059290</commentid>
    <comment_count>1</comment_count>
    <who name="Antoine Quint">graouts</who>
    <bug_when>2024-09-11 07:31:25 -0700</bug_when>
    <thetext>I think the issue is that we&apos;re lacking the equivalent of `ComputedStyleExtractor::valueForPropertyInStyle()` for custom properties and we&apos;re wrongly calling `ComputedStyleExtractor::customPropertyValue()` in the `customPropertyValue` lambda under `KeyframeEffect::getKeyframes()`. This means we&apos;ll only ever show the current computed value for the target element rather than the keyframe value.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2059294</commentid>
    <comment_count>2</comment_count>
    <who name="Radar WebKit Bug Importer">webkit-bug-importer</who>
    <bug_when>2024-09-11 08:02:48 -0700</bug_when>
    <thetext>&lt;rdar://problem/135802510&gt;</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2059295</commentid>
    <comment_count>3</comment_count>
    <who name="Antoine Quint">graouts</who>
    <bug_when>2024-09-11 08:04:05 -0700</bug_when>
    <thetext>Pull request: https://github.com/WebKit/WebKit/pull/33468</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2059299</commentid>
    <comment_count>4</comment_count>
    <who name="Antoine Quint">graouts</who>
    <bug_when>2024-09-11 08:25:26 -0700</bug_when>
    <thetext>Submitted web-platform-tests pull request: https://github.com/web-platform-tests/wpt/pull/48103</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2059311</commentid>
    <comment_count>5</comment_count>
    <who name="EWS">ews-feeder</who>
    <bug_when>2024-09-11 09:14:47 -0700</bug_when>
    <thetext>Committed 283485@main (cd5cb9415972): &lt;https://commits.webkit.org/283485@main&gt;

Reviewed commits have been landed. Closing PR #33468 and removing active labels.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2061212</commentid>
    <comment_count>6</comment_count>
    <who name="EWS">ews-feeder</who>
    <bug_when>2024-09-18 14:59:19 -0700</bug_when>
    <thetext>Committed 283286.69@safari-7620-branch (fedfc266a326): &lt;https://commits.webkit.org/283286.69@safari-7620-branch&gt;

Reviewed commits have been landed. Closing PR #1821 and removing active labels.</thetext>
  </long_desc>
      
          <attachment
              isobsolete="0"
              ispatch="0"
              isprivate="0"
          >
            <attachid>472522</attachid>
            <date>2024-09-11 07:06:52 -0700</date>
            <delta_ts>2024-09-11 07:06:52 -0700</delta_ts>
            <desc>Test</desc>
            <filename>css-transition-custom-property-same-to-and-from-values.html</filename>
            <type>text/html</type>
            <size>813</size>
            <attacher name="Antoine Quint">graouts</attacher>
            
              <data encoding="base64">PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KCjxoZWFkPgogIDxtZXRhIGNoYXJzZXQ9
IlVURi04Ij4KICA8dGl0bGU+UGFnZSBUaXRsZTwvdGl0bGU+CiAgPG1ldGEgbmFtZT0idmlld3Bv
cnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCxpbml0aWFsLXNjYWxlPTEiPgo8L2hlYWQ+
Cgo8Ym9keT4KPC9ib2R5Pgo8c3R5bGU+CiAgQHByb3BlcnR5IC0tZm9vIHsKICAgIHN5bnRheDog
IjxudW1iZXI+IjsKICAgIGluaXRpYWwtdmFsdWU6IDA7CiAgICBpbmhlcml0czogZmFsc2U7CiAg
fQoKICA6cm9vdCB7CiAgICB0cmFuc2l0aW9uOiAtLWZvbyAwcyBjYWxjKGluZmluaXR5ICogMXMp
OwogIH0KCiAgQHN0YXJ0aW5nLXN0eWxlIHsKICAgIDpyb290IHsKICAgICAgLS1mb286IDE7CiAg
ICB9CiAgfQoKPC9zdHlsZT4KPHNjcmlwdD4KCiAgICBjb25zdCB0cmFuc2l0aW9uID0gZG9jdW1l
bnQuZ2V0QW5pbWF0aW9ucygpWzBdOwogICAgY29uc3Qga2V5ZnJhbWVzID0gdHJhbnNpdGlvbi5l
ZmZlY3QuZ2V0S2V5ZnJhbWVzKCk7CiAgICBjb25zb2xlLmxvZyhgZnJvbSB2YWx1ZSBpcyAke2tl
eWZyYW1lc1swXVsiLS1mb28iXX0sIGV4cGVjdGVkIDEuYCk7CiAgICBjb25zb2xlLmxvZyhgdG8g
dmFsdWUgaXMgJHtrZXlmcmFtZXNbMV1bIi0tZm9vIl19LCBleHBlY3RlZCAwLmApOwogICAgY29u
c29sZS5sb2coYGJvZHkgY29tcHV0ZWQgc3R5bGUgaXMgJHtnZXRDb21wdXRlZFN0eWxlKGRvY3Vt
ZW50LmJvZHkpLmdldFByb3BlcnR5VmFsdWUoIi0tZm9vIil9LCBleHBlY3RlZCAxLmApOwoKPC9z
Y3JpcHQ+CjwvaHRtbD4K
</data>

          </attachment>
      

    </bug>

</bugzilla>