Bug 305369 – REGRESSION (Safari 26.x): CSS rules within @scope not applied to input and textarea

• Component: Forms
• Status: RESOLVED FIXED

Created attachment 477978 [details]
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)

    <style>
      @scope (.test) {
        input {
          border: blue solid 1rem;
        }
      }
      input {
        outline:  red solid 1rem ;
      }
    </style>
    <input type="text" placeholder="Test Input">

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.

[Radar WebKit Bug Importer]

<rdar://problem/168101378>

[Matthieu Dubet]

Pull request: https://github.com/WebKit/WebKit/pull/56921

[EWS]

Committed 306129@main (a6e8f5201887): <https://commits.webkit.org/306129@main>

Reviewed commits have been landed. Closing PR #56921 and removing active labels.