<?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>312606</bug_id>
          
          <creation_ts>2026-04-17 15:13:02 -0700</creation_ts>
          <short_desc>[threaded-animations] additive transform animations use matrix interpolation which does not account for additivity</short_desc>
          <delta_ts>2026-04-17 23:29:46 -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://github.com/web-platform-tests/wpt/pull/59327</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>graouts</cc>
    
    <cc>webkit-bug-importer</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>2201670</commentid>
    <comment_count>0</comment_count>
      <attachid>479156</attachid>
    <who name="Antoine Quint">graouts</who>
    <bug_when>2026-04-17 15:13:02 -0700</bug_when>
    <thetext>Created attachment 479156
Test

Consider this simple animation:

    @keyframes scale {
        0%, 100% { transform: scale(2) }
    }

… and this additional style:

    div {
        transform: translateX(100px);
        animation: scale 1s infinite;
        animation-composition: add;
    }

This should yield a computed value of `transform: translateX(100px) scale(2)` but we end up instead in `void TransformationMatrix::blend(const TransformationMatrix&amp;, double, CompositeOperation)` which has no idea about how to account for additivity.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2201671</commentid>
    <comment_count>1</comment_count>
    <who name="Radar WebKit Bug Importer">webkit-bug-importer</who>
    <bug_when>2026-04-17 15:13:19 -0700</bug_when>
    <thetext>&lt;rdar://problem/175039068&gt;</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2201683</commentid>
    <comment_count>2</comment_count>
    <who name="Antoine Quint">graouts</who>
    <bug_when>2026-04-17 15:47:20 -0700</bug_when>
    <thetext>Pull request: https://github.com/WebKit/WebKit/pull/63008</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2201684</commentid>
    <comment_count>3</comment_count>
    <who name="Antoine Quint">graouts</who>
    <bug_when>2026-04-17 15:49:40 -0700</bug_when>
    <thetext>Submitted web-platform-tests pull request: https://github.com/web-platform-tests/wpt/pull/59327</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2201798</commentid>
    <comment_count>4</comment_count>
    <who name="Antoine Quint">graouts</who>
    <bug_when>2026-04-17 23:29:46 -0700</bug_when>
    <thetext>Committed 311516@main (31a9b52): https://commits.webkit.org/311516@main</thetext>
  </long_desc>
      
          <attachment
              isobsolete="0"
              ispatch="0"
              isprivate="0"
          >
            <attachid>479156</attachid>
            <date>2026-04-17 15:13:02 -0700</date>
            <delta_ts>2026-04-17 15:13:02 -0700</delta_ts>
            <desc>Test</desc>
            <filename>additive-transform.html</filename>
            <type>text/html</type>
            <size>352</size>
            <attacher name="Antoine Quint">graouts</attacher>
            
              <data encoding="base64">PHN0eWxlPgoKQGtleWZyYW1lcyBzY2FsZSB7CiAgICAwJSwgMTAwJSB7IHRyYW5zZm9ybTogc2Nh
bGUoMikgfQp9CgpkaXYgewogICAgZGlzcGxheTogYmxvY2s7CiAgICBiYWNrZ3JvdW5kLWNvbG9y
OiBibHVlOwogICAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDsKICAgIGhlaWdodDogMTAw
cHg7CiAgICB3aWR0aDogMTAwcHg7CgogICAgdHJhbnNmb3JtLW9yaWdpbjogdG9wIGxlZnQ7CiAg
ICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwcHgpOwoKICAgIGFuaW1hdGlvbjogc2NhbGUgMXMg
aW5maW5pdGU7CiAgICBhbmltYXRpb24tY29tcG9zaXRpb246IGFkZDsKfQoKPC9zdHlsZT4KCjxk
aXY+PC9kaXY+Cg==
</data>

          </attachment>
      

    </bug>

</bugzilla>