fix(css): !important on iso-variant-stack [hidden] override #19

Merged
skr merged 1 commit from fix/panel-stack-important-2 into main 2026-05-08 19:20:56 +00:00
Owner

Defeat Tailwind v4 preflight [hidden]{display:none!important} so stacked panels stay in same grid cell. Rebased on current main.

Defeat Tailwind v4 preflight `[hidden]{display:none!important}` so stacked panels stay in same grid cell. Rebased on current main.
fix(css): force !important on iso-variant-stack [hidden] override
All checks were successful
Build & Deploy / check (pull_request) Successful in 31s
Build & Deploy / deploy (pull_request) Has been skipped
46a103c297
The earlier fix added `display: block` for stacked panels with the
`hidden` attribute, but Tailwind v4's preflight ships
`[hidden]:where(:not([hidden=until-found])){display:none!important}`
in @layer base. The !important defeats any non-important author
rule regardless of specificity, so 4 of 5 panels collapsed to
display:none and the wrap height jumped on every tab-switch.

Adds !important to the author rule. Both rules now duel as
important, and the higher-specificity author rule (0,0,2,1) wins
over the preflight (0,0,1,0).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
skr merged commit a07cd5b580 into main 2026-05-08 19:20:56 +00:00
Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
nm/website!19
No description provided.