[css-position][css-align] How do other alignments affect the inset-modified containing block? · Issue #6607 · w3c/csswg-drafts (original) (raw)

Skip to content

Navigation Menu

• • GitHub Copilot Write better code with AI
  • GitHub Advanced Security Find and fix vulnerabilities
  • Actions Automate any workflow
  • Codespaces Instant dev environments
  • Issues Plan and track work
  • Code Review Manage code changes
  • Discussions Collaborate outside of code
  • Code Search Find more, search less
• Explore
  • Learning Pathways
  • Events & Webinars
  • Ebooks & Whitepapers
  • Customer Stories
  • Partners
  • Executive Insights
• • GitHub Sponsors Fund open source developers
  • The ReadME Project GitHub community articles
• • Enterprise platform AI-powered developer platform
• Pricing

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Sign up

Description

https://drafts.csswg.org/css-position/#abspos-insets says

If both inset properties in a given axis are auto, then, depending on the box’s self-alignment property in the relevant axis:

• for self-start alignment or its equivalent
  Set its start-edge inset property to the static position, and its end-edge inset property to zero.
• for self-end alignment or its equivalent
  Set its end-edge inset property to the static position, and its start-edge inset property to zero.
• for center alignment
  ...

What should happen for other alignments? Like, the initial justify-self is auto, which is typically normal. https://drafts.csswg.org/css-align-3/#justify-abspos

For all other absolutely-positioned boxes, normal behaves as stretch.

So what's the inset-modified containing block for stretch? Are we instead supposed to use https://drafts.csswg.org/css-align-3/#abspos-sizing ?

Treat normal as start

That seems to match implementations. But what if I specify justify-self: stretch explicitly?

This is all very confusing because both css-position and css-align monkeypatch both css2 and each other.