SVG children view with width style in percentage stopped working in 15.11.1

[zarv1k]

Description

SVG children view that has width style in percentage dimensions stopped working in [email protected] on both iOS and Android in the latest [email protected] (new arch, bridgeless mode):

Screen.Recording.2025-01-14.at.12.42.54.mov

Expecting that the children view of SVG has full width of parent SVG view while width=100% style applied.
Actually the width style of children SVG view is not applied and the centered text is hidden.

Please see reproducer (main branch).

---

It works fine in previous version [email protected] (rnsvg15.10.1 branch in reproducer repo):

Screen.Recording.2025-01-14.at.12.31.51.mov

Steps to reproduce

1. Open reproducer
2. Turn switch on & off that toggles style (width=100% and window.width as number) to the SVG's children view

Snack or a link to a repository

https://github.com/zarv1k/SvgChildrenWidth100pctIssue

SVG version

15.11.1

React Native version

0.76.6

Platforms

Android, iOS

JavaScript runtime

Hermes

Workflow

React Native

Architecture

Fabric (New Architecture)

Build type

Debug app & dev bundle

Device

iOS simulator

Device model

any iOS and Android device

Acknowledgements

Yes

[zarv1k]

Looks like it's similar to #2519. Tried the workaround (#2519 (comment)) but it does not work.

[jakex7]

Hey @zarv1k, thanks for sharing that.
I've created PR #2612, which should resolve your issue. Could you test it and let me know if it works for you?

[zarv1k]

@jakex7, I just checked and can confirm that your PR fixes the subject issue! Thank you