Re: [svgwg] Should `width` and `height` apply to nested `svg` elements as CSS properties (#1057)

> From the Chromium bug.
> 
> ## [issue 449095628](https://issues.chromium.org/issues/449095628).
> https://replayweb.page/
> 
> ```
> <svg style="width:9.5rem;height:1.25rem;">
>   <g>
>     <!--?lit$424463147$-->
>     <svg xmlns="http://www.w3.org/2000/svg"
>          xml:space="preserve"
>          style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"
>          viewBox="0 0 189 24">
>       <clipPath id="a">
>         <path d="M0-.001h188.88v23.04H0z"></path>
>       </clipPath>
>       <g clip-path="url(#a)">
>         <path d="M32.997 … .909.15"
>               style="fill:#14122d"></path>
>         <path d="M6.544 … 57 3.717"
>               style="fill:#0891b2"></path>
>         <path d="M22.833 …1-.002z"
>               style="fill:#4d7c0f"></path>
>       </g>
>     </svg>
> 
>   </g>
> </svg>
> ```
> 
> They fixed it in [webrecorder/replayweb.page#458](https://github.com/webrecorder/replayweb.page/pull/458)
> 
> ## [issue 449226918](https://issues.chromium.org/issues/449226918)
> https://www.unifyr.com/
> 
> ```
> <svg xmlns="http://www.w3.org/2000/svg" width="200" height="500" viewBox="0 0 200 500" fill="none">
>  <rect x="0" y="0" width="200" height="200" fill="lime" />
>  <text x="0" y="50" font-size="50" fill="green">Expected</text>
>  <svg x="0" y="0" width="200" height="200" style="height: auto" viewBox="0 0 300 300">
>   <rect x="0" y="0" width="300" height="300" stroke="red" stroke-width="10" />
>   <text x="0" y="75" font-size="75" stroke="darkred" stroke-width="2">Actual</text>
>  </svg>
> </svg>
> ```
> 
> They fixed it with
> 
> > I worked around it by changing the svg selector to `svg:not(:where(svg svg))`.
> 
> ## Another regression
> https://issues.chromium.org/issues/449170647#comment7
> 
> And more in the issue. Some quite dramatic.
> 
> ## Chrome reverted
> **OK this was reverted in Chrome 143.0.7457.0**
> 
> > I've verified the revert works in Chrome Canary 143.0.7457.0, and have submitted a change that will roll back this change in all Chrome channels over the next 24hrs.

Initially we tried to push for the feature (as the spec did not mention effect of `width` and `height` CSS properties on nested `svg` ) but as you have seen the impact/regression of the feature was considerable and we have to disable (moved to experimental) the feature.

-- 
GitHub Notification of comment by goldenboy777
Please view or discuss this issue at https://github.com/w3c/svgwg/issues/1057#issuecomment-3845856753 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 4 February 2026 07:44:35 UTC