vue-tui

Files

T

Yunfei He 8841350491 fix(runtime): descendant Box backgroundColor="" keeps inheriting the ancestor bg (#99 )

An inner <Box backgroundColor=""> inside an ancestor Box with a real bg clobbered
the inherited background (descendants rendered bare). vue used `?? inheritedBg`,
which only falls back for null/undefined — "" passed through. Ink keeps inheriting:
its provider uses a TRUTHY guard (Box.tsx:103 `if (backgroundColor)`), while the
fill uses the Box's OWN style (render-background.ts:11), so an empty-bg Box paints
no fill yet still passes the ancestor's bg down.

Split the single bg variable: the FILL uses the Box's own bg (falsy-guarded → empty
paints nothing), and the value THREADED to children is `ownBg ? ownBg : inheritedBg`
(truthy fallback → empty inherits the ancestor). A sized/bordered empty-bg inner box
therefore adds no own fill while its text still inherits — locked by a discriminator
test that fails the naive single-variable form.

Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

2026-05-31 21:50:55 +08:00

background-color.test.tsx

fix(runtime): descendant Box backgroundColor="" keeps inheriting the ancestor bg (#99 )

2026-05-31 21:50:55 +08:00

borders.test.tsx

fix(runtime): border edge SGR nests dim outermost, matching Ink (#97 )

2026-05-31 21:30:36 +08:00

box-in-text-validation.test.tsx

feat: test parity final push — 64 new tests, BSU/ESU, clear() API

2026-05-28 14:18:23 +08:00

box.test.tsx

refactor: replace ref() with shallowRef() in all test files