fix(core): set explicit dimensions on data-hf-inner-root wrapper

Browse Source

The prepareFlattenedInnerRoot function creates a wrapper div when
inlining sub-compositions. This wrapper had no width/height, which
broke CSS height:100% chains — any sub-composition using percentage
heights with flexbox centering would collapse to 0px and render
content at the top instead of centered.

Read data-width/data-height from the inner root and set matching
pixel dimensions on the wrapper's inline style. Applied in both the
compiler (server-side bundling) and the runtime (browser-side
composition loader).

Adds a producer regression test with a centered card sub-composition
that fails without this fix.

...

This commit is contained in:

Miguel Ángel

2026-05-23 14:53:16 -04:00

parent 793a2405b5

commit 3983d4e7bf

7 changed files with 475 additions and 0 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

packages/producer/tests/sub-comp-height-percent/output/compiled.html

+368

File diff suppressed because one or more lines are too long