<?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>305369</bug_id>
          
          <creation_ts>2026-01-13 01:24:35 -0800</creation_ts>
          <short_desc>REGRESSION (Safari 26.x): CSS rules within @scope not applied to input and textarea</short_desc>
          <delta_ts>2026-03-18 04:03:50 -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>Forms</component>
          <version>Safari Technology Preview</version>
          <rep_platform>Mac (Apple Silicon)</rep_platform>
          <op_sys>macOS 26</op_sys>
          <bug_status>RESOLVED</bug_status>
          <resolution>FIXED</resolution>
          
          <see_also>https://github.com/web-platform-tests/wpt/pull/58025</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>nicolas</reporter>
          <assigned_to name="Matthieu Dubet">m_dubet</assigned_to>
          <cc>annevk</cc>
    
    <cc>cdumez</cc>
    
    <cc>koivisto</cc>
    
    <cc>lily_spiniolas</cc>
    
    <cc>morozov.roman.u</cc>
    
    <cc>webkit-bug-importer</cc>
    
    <cc>wenson_hsieh</cc>
    
    <cc>yukiito</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>2171371</commentid>
    <comment_count>0</comment_count>
      <attachid>477978</attachid>
    <who name="">nicolas</who>
    <bug_when>2026-01-13 01:24:35 -0800</bug_when>
    <thetext>Created attachment 477978
Test sample that shows the unexpected behavior.

It appears that there is not way to apply css rules to an input anymore when they are declared in a @scope, bounded or not.

For the following snippet (see attachement)

    &lt;style&gt;
      @scope (.test) {
        input {
          border: blue solid 1rem;
        }
      }
      input {
        outline:  red solid 1rem ;
      }
    &lt;/style&gt;
    &lt;input type=&quot;text&quot; placeholder=&quot;Test Input&quot;&gt;

Expected result: 

The input should show both blue border and red outline.

Actual result: 

The input only show the blue border and the red outline is mssing.

This behavior is not reproductible on pre-26 safari, but appears in all 26.2, tech preview and webkit archive.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2171602</commentid>
    <comment_count>1</comment_count>
    <who name="Radar WebKit Bug Importer">webkit-bug-importer</who>
    <bug_when>2026-01-13 16:02:25 -0800</bug_when>
    <thetext>&lt;rdar://problem/168101378&gt;</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2173432</commentid>
    <comment_count>2</comment_count>
    <who name="Matthieu Dubet">m_dubet</who>
    <bug_when>2026-01-20 13:00:27 -0800</bug_when>
    <thetext>Pull request: https://github.com/WebKit/WebKit/pull/56921</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2174627</commentid>
    <comment_count>3</comment_count>
    <who name="EWS">ews-feeder</who>
    <bug_when>2026-01-23 16:09:01 -0800</bug_when>
    <thetext>Committed 306129@main (a6e8f5201887): &lt;https://commits.webkit.org/306129@main&gt;

Reviewed commits have been landed. Closing PR #56921 and removing active labels.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2184677</commentid>
    <comment_count>4</comment_count>
    <who name="Tim Nguyen (:ntim)">ntim</who>
    <bug_when>2026-02-24 19:45:04 -0800</bug_when>
    <thetext>Submitted web-platform-tests pull request: https://github.com/web-platform-tests/wpt/pull/58025</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2191315</commentid>
    <comment_count>5</comment_count>
    <who name="Anne van Kesteren">annevk</who>
    <bug_when>2026-03-18 04:03:50 -0700</bug_when>
    <thetext>*** Bug 310023 has been marked as a duplicate of this bug. ***</thetext>
  </long_desc>
      
          <attachment
              isobsolete="0"
              ispatch="0"
              isprivate="0"
          >
            <attachid>477978</attachid>
            <date>2026-01-13 01:24:35 -0800</date>
            <delta_ts>2026-01-13 01:24:35 -0800</delta_ts>
            <desc>Test sample that shows the unexpected behavior.</desc>
            <filename>webkit-input-styling-scope-test.html</filename>
            <type>text/html</type>
            <size>529</size>
            <attacher>nicolas</attacher>
            
              <data encoding="base64">PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KPGhlYWQ+CiAgICA8bWV0YSBjaGFyc2V0
PSJVVEYtOCI+CiAgICA8bWV0YSBuYW1lPSJ2aWV3cG9ydCIgY29udGVudD0id2lkdGg9ZGV2aWNl
LXdpZHRoLCBpbml0aWFsLXNjYWxlPTEuMCI+CiAgICA8c3R5bGU+CiAgICAgIEBzY29wZSAoLnRl
c3QpIHsKICAgICAgICBpbnB1dCB7CiAgICAgICAgICBib3JkZXI6IGJsdWUgc29saWQgMXJlbTsK
ICAgICAgICB9CiAgICAgIH0KICAgICAgaW5wdXQgewogICAgICAgIG91dGxpbmU6ICByZWQgc29s
aWQgMXJlbSA7CiAgICAgIH0KICAgIDwvc3R5bGU+CjwvaGVhZD4KPGJvZHk+CiAgICA8aDE+V2Vi
S2l0IFRlc3QgUGFnZTwvaDE+CiAgICA8cD4KICAgICAgaW5wdXQgc2hvdWxkIHNob3cgYm90aCBh
IGJsdWUgYm9yZGVyIGFuZCBhIHJlZCBvdXRsaW5lCiAgICA8L3A+CgogICAgPHAgY2xhc3M9InRl
c3QiPgogICAgICA8aW5wdXQgdHlwZT0idGV4dCIgcGxhY2Vob2xkZXI9IlRlc3QgSW5wdXQiPgog
ICAgPC9wPgo8L2JvZHk+Cg==
</data>

          </attachment>
      

    </bug>

</bugzilla>