Skip to content

[css-flexbox] Example 3 (on abspos flex items) mistakenly says align-content when it means align-self #436

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
dholbert opened this issue Sep 2, 2016 · 0 comments

Comments

@dholbert
Copy link
Member

dholbert commented Sep 2, 2016

Filing a bug on a typo in flexbox spec section 4.1. Absolutely-Positioned Flex Children -- specifically, Example 3 inside that section.

Example 3 says:

...if you set, for example, align-content: center; on an absolutely-positioned child of a flex container, auto offsets on the child will center it in the flex container’s cross axis.

I'm 95% sure that means to say align-self, NOT align-content, for several reasons:

  • This spec-text talking about applying this style on the child, with the intention of centering the child. That's precisely what the *-self properties do -- position the thing they're applied to -- whereas the *-content properties control alignment inside of the thing they're applied to.
  • If the flex container is single-line (seems like a reasonable possibility, though Example 3 doesn't specify), another piece of the spec explicitly says that "align-content has no effect" (because it's about aligning flex lines -- and in a single-line flexbox, "the cross size of the line is the cross size of the flex container" which means there's nothing for align-content to do).
@astearns astearns added the css-flexbox-1 Current Work label Sep 8, 2016
triple-underscore added a commit to triple-underscore/triple-underscore.github.io that referenced this issue Feb 18, 2017
Fix error introduced in earlier commit.
w3c/csswg-drafts@d09288fcbc10d5822b47ed79acb3e
464962a3fe6

Define main size/cross size for flex containers. (Curre…
w3c/csswg-drafts@0c8e1299da753cd89ee16efef5033
c108da74e59

While the intrinsic sizing steps here guarantee that we…
w3c/csswg-drafts@e65d3f6509e0ded90cf000d9ee4df
4b0960a2711

Per w3c/csswg-drafts#665
, specify that auto margins are treated as zero…
w3c/csswg-drafts@4fae49af5c426755c0ce6df6eadb3
7107d447f4d

Make propdef table more useful.
w3c/csswg-drafts@25a917b6b089e7e53524463561d82
794ecdd1be0

Restore accidentally-deleted text about table wrapper b…
w3c/csswg-drafts@277d9d341ca6c5d8fd341342cfb91
3a6582f26f9

Fix w3c/csswg-drafts#436
w3c/csswg-drafts@e377000a95363800f3d945358aee8
0eea2daade6

Fix main/cross mixup. #792
w3c/csswg-drafts@16d913f1b48e09bc3e7f9eb3b3928
260279f52b1

変更点の節を別ページに分離
@fantasai fantasai added this to the Published css-flexbox-1 2017-10-19 milestone Mar 29, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants