refactor!: rewrite master-detail-layout with CSS grid#11361

Merged

web-padawan merged 38 commits intomainfrom

Mar 18, 2026

Commits on Mar 16, 2026

refactor!: rewrite master-detail-layout with CSS grid

committed

Commits on Mar 17, 2026

refactor: optimize __onResize to read in ResizeObserver callback and write in rAF

vursen
and
claude
committed
fix: prevent false overflow detection due to sub-pixel rounding

vursen
and
claude
committed
fix: scope resize observer to direct children only

vursen
and
claude
committed
docs: update ARCHITECTURE.md for sub-pixel rounding and :scope scoping

web-padawan
and
claude
committed
fix: remove redundant has-detail condition from overlay styles

vursen
and
claude
committed
fix: sync overlay state before view transition snapshot

web-padawan
and
claude
committed
fix: CSS fallbacks for unset sizes and transition snapshot

web-padawan
and
claude
committed
fix: view transitions and detail column collapse

web-padawan
and
claude
committed
test: update no-detail visual test screenshot
web-padawan
committed
fix: cancel pending rAF in disconnectedCallback

web-padawan
and
claude
committed
test: move import in DOM snapshot tests
web-padawan
committed
chore: add prettier-ignore comments
web-padawan
committed
test: reduce diff in typings tests
web-padawan
committed
fix: use getComputedStyle for overflow detection to avoid sub-pixel rounding issues

vursen
and
claude
committed
fix: add explicit grid-template-rows and fix vertical orientation column template

vursen
and
claude
committed
chore: add missing newline
web-padawan
committed
test: add has-detail visibility toggle test for master-detail-layout

vursen
and
claude
committed
refactor: replace detailOverlayMode with overlaySize + overlayContainment

web-padawan
and
claude
committed
docs: align overlayContainment JSDoc with main branch containment property

web-padawan
and
claude
committed
chore: reorder detailSize before masterSize to match main branch

web-padawan
and
claude
committed
chore: reorder orientation before overlayContainment to match main branch

web-padawan
and
claude
committed
docs: replace column with area in size property JSDoc

web-padawan
and
claude
committed
chore: reorder :host([hidden]) in base styles to match main branch

web-padawan
and
claude
committed
docs: replace drawer mode with overlay mode in JSDoc and tests

web-padawan
and
claude
committed
test: improve ARIA test descriptions

web-padawan
and
claude
committed
test: remove redundant overlaySize 100% ARIA test

web-padawan
and
claude
committed
docs: improve masterSize and detailSize JSDoc to align with main branch

web-padawan
and
claude
committed
test: restore Escape press test for split mode

web-padawan
and
claude
committed
test: simplify viewport containment tests using forEach

web-padawan
and
claude
committed
chore: format ARCHITECTURE.md
web-padawan
committed

Commits on Mar 18, 2026