Showing content from https://github.com/w3c/csswg-drafts/issues/5843 below:
[css-flexbox-1][css-position-3] static position of abspos flex children · Issue #5843 · w3c/csswg-drafts · GitHub
Skip to content Navigation Menu
Saved searches Use saved searches to filter your results more quickly
Sign up You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert Additional navigation options
[css-flexbox-1][css-position-3] static position of abspos flex children #5843
Description
@dholbert pointed out in #1432 (comment) #1432 (comment) and https://bugzilla.mozilla.org/show_bug.cgi?id=1682641#c9 that the newer CSS Positioned Layout model for handling the alignment properties and the flexbox spec conflict on a few points.
First, overall:
- css-position defines abspos layout as creating an inset-modified containing block (where some of the insets are auto insets derived from the static position), and then applying alignment within that rectangle. It defines the auto offsets for a flex child to coincide with the content edges of its container.
- css-flexbox sets the position of an abspos child more directly in https://drafts.csswg.org/css-flexbox/#abspos-items in normative prose by defining it as the position the item would have had as the sole flex item (but says something different, matching css-position, in the note in the same section).
A few places where this matters that @dholbert pointed out:
- Per css-position, in a column flex container, the
align-self
property will apply in the block axis, not the main axis. But per css-flexbox, it will affect the static position in the main axis.
- Per css-position, the
justify-self
property will affect the static position in the inline axis. Per css-flexbox, it can have no effect.
- Per css-position,
justify-content
and align-content
on the container have no effect on the child's static position. But per css-flexbox, they do.
We need to resolve these conflicts somehow.
You can’t perform that action at this time.
RetroSearch is an open source project built by @garambo
| Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.3