Contact emails

dman...@microsoft.com<mailto:dman...@microsoft.com>


Explainer

None


Specification

https://svgwg.org/svg2-draft/geometry.html#Sizing


Summary

This feature supports applying width and height as presentation attributes on 
nested <svg> elements through both SVG markup and CSS. This dual approach 
provides even greater flexibility for developers, allowing them to manage and 
style SVG elements more efficiently within complex designs.

With this feature the below two html will now have the same output:

With CSS Properties for nested <svg> element:

<svg width="100px" height="100px">

  <svg style="width:50px;height:50px;">

    <circle cx="50px" cy="50px" r="40px" fill="green" />

  </svg>

</svg>



Without CSS Properties for nested <svg> element:

<svg width="100px" height="100px">

  <svg width="50px" height="50px">

    <circle cx="50px" cy="50px" r="40px" fill="green" />

  </svg>

</svg>



Blink component

Blink>SVG<https://issues.chromium.org/issues?q=customfield1222907:%22Blink%3ESVG%22>


TAG review

None


TAG review status

Not applicable


Risks



Interoperability and Compatibility

None


Gecko: No signal (https://github.com/mozilla/standards-positions/issues/1243)
In Firefox, the width and height attributes cannot be applied on nested <svg> 
elements as styles

WebKit: Neutral  (https://github.com/WebKit/standards-positions/issues/509)
In Safari, the width and height attributes cannot be applied on nested <svg> 
elements as styles

Web developers: Positive 7 people have upvoted this in the chromium issue.

Other signals:


WebView application risks

Does this intent deprecate or change behavior of existing APIs, such that it 
has potentially high risk for Android WebView-based applications?

None



Debuggability

Existing Devtools capabilities already support this feature.



Will this feature be supported on all six Blink platforms (Windows, Mac, Linux, 
ChromeOS, Android, and Android WebView)?

Yes


Is this feature fully tested by 
web-platform-tests<https://chromium.googlesource.com/chromium/src/+/main/docs/testing/web_platform_tests.md>?

Yes

WPTs in chromium:
https://source.chromium.org/chromium/chromium/src/+/main:third_party/blink/web_tests/external/wpt/svg/styling/nested-svg-sizing.svg
https://source.chromium.org/chromium/chromium/src/+/main:third_party/blink/web_tests/external/wpt/svg/styling/nested-svg-sizing-with-use.svg



Flag name on about://flags

None


Finch feature name

WidthAndHeightAsPresentationAttributesOnNestedSvg


Rollout plan

Will ship enabled for all users


Requires code in //chrome?

False


Tracking bug

https://issues.chromium.org/issues/40409865


Estimated milestones

Shipping on desktop

139

Shipping on Android

139

Shipping on WebView

139

Shipping on iOS

139



Anticipated spec changes

Open questions about a feature may be a source of future web compat or interop 
issues. Please list open issues (e.g. links to known github issues in the 
project for the feature specification) whose resolution may introduce web 
compat/interop risk (e.g., changing to naming or structure of the API in a 
non-backward-compatible way).

None


Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/5178789386256384?gate=5132029741760512
This intent message was generated by Chrome Platform 
Status<https://chromestatus.com/>

-- 
You received this message because you are subscribed to the Google Groups 
"blink-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to blink-dev+unsubscr...@chromium.org.
To view this discussion visit 
https://groups.google.com/a/chromium.org/d/msgid/blink-dev/KUXP153MB1324A42D75BE092A016E01DAAD75A%40KUXP153MB1324.APCP153.PROD.OUTLOOK.COM.

Reply via email to