Skip to content

Support parent=head by swapping grid columns and container element#3

Merged
adrgs merged 1 commit into
adrgs:mainfrom
Rhynorater:main
Mar 10, 2026
Merged

Support parent=head by swapping grid columns and container element#3
adrgs merged 1 commit into
adrgs:mainfrom
Rhynorater:main

Conversation

@Rhynorater

Copy link
Copy Markdown
Contributor

When the target selector is inside , the container query element must be (1fr column) instead of , and becomes the auto-sized column that shrinks to content width. This swap is applied across all CSS templates (dynamic, dynamic-anim, dynamic-sfc, static, static-anim) and wired through the Python generation functions.

Vibe coded, but worked for my exploit.

When the target selector is inside <head>, the container query element
must be <body> (1fr column) instead of <head>, and <head> becomes the
auto-sized column that shrinks to content width. This swap is applied
across all CSS templates (dynamic, dynamic-anim, dynamic-sfc, static,
static-anim) and wired through the Python generation functions.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

@adrgs adrgs left a comment

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great! Thanks for the contribution!

@adrgs adrgs merged commit 605eaa6 into adrgs:main Mar 10, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants