-
Notifications
You must be signed in to change notification settings - Fork 702
New issue
Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? # to your account
[css-grid-3] Masonry - align-tracks / justify-tracks potentially not desirable for accessibility. #8207
Labels
Comments
The CSS Working Group just discussed
The full IRC log of that discussion<fantasai> iank_: Mats's spec for Masonry had a feature align-tracks/justify-tracks which allowed you to align individual tracks<fantasai> iank_: personally I haven't seen developers ask for this <fantasai> iank_: and it leads to some accessibility problems <fantasai> iank_: if you look at the examples and try to count from 1 - 33, you're jumping all over <fantasai> iank_: also a bunch of issues wrt spanning items <fantasai> iank_: so the proposal is to drop this sub-feature <fantasai> fantasai: We're OK with dropping. If it seems that we need to do something like this in the future, we can explore it then <fantasai> dholbert: Seems fine to me, too <fantasai> astearns: proposal is to drop align-tracks/justify-tracks from Masonry spec <fantasai> astearns: objections? <fantasai> RESOLVED: Drop align-tracks, justify-tracks from Masonry spec |
stwrt
added a commit
to stwrt/wpt
that referenced
this issue
Oct 5, 2023
align-tracks and justify-tracks were removed from the Masonry spec at the CSSWG meeting on Oct 4th 2023. Removing the related test cases to align with the spec. w3c/csswg-drafts#8207 (comment)
stwrt
added a commit
to web-platform-tests/wpt
that referenced
this issue
Oct 5, 2023
align-tracks and justify-tracks were removed from the Masonry spec at the CSSWG meeting on Oct 4th 2023. Removing the related test cases to align with the spec. w3c/csswg-drafts#8207 (comment)
cookiecrook
pushed a commit
to cookiecrook/wpt
that referenced
this issue
Oct 11, 2023
…s#42365) align-tracks and justify-tracks were removed from the Masonry spec at the CSSWG meeting on Oct 4th 2023. Removing the related test cases to align with the spec. w3c/csswg-drafts#8207 (comment)
moz-v2v-gh
pushed a commit
to mozilla/gecko-dev
that referenced
this issue
Oct 26, 2023
…Test Cases, a=testonly Automatic update from web-platform-tests Remove Masonry Align and Justify Tracks Test Cases (#42365) align-tracks and justify-tracks were removed from the Masonry spec at the CSSWG meeting on Oct 4th 2023. Removing the related test cases to align with the spec. w3c/csswg-drafts#8207 (comment) -- wpt-commits: 2b9a3cb6062fb825e99c62d91599c1774fc2e041 wpt-pr: 42365
stwrt
added a commit
to stwrt/csswg-drafts
that referenced
this issue
Oct 26, 2023
stwrt
added a commit
that referenced
this issue
Oct 26, 2023
ErichDonGubler
pushed a commit
to erichdongubler-mozilla/firefox
that referenced
this issue
Oct 27, 2023
…Test Cases, a=testonly Automatic update from web-platform-tests Remove Masonry Align and Justify Tracks Test Cases (#42365) align-tracks and justify-tracks were removed from the Masonry spec at the CSSWG meeting on Oct 4th 2023. Removing the related test cases to align with the spec. w3c/csswg-drafts#8207 (comment) -- wpt-commits: 2b9a3cb6062fb825e99c62d91599c1774fc2e041 wpt-pr: 42365
gecko-dev-updater
pushed a commit
to marco-c/gecko-dev-wordified-and-comments-removed
that referenced
this issue
Oct 30, 2023
…Test Cases, a=testonly Automatic update from web-platform-tests Remove Masonry Align and Justify Tracks Test Cases (#42365) align-tracks and justify-tracks were removed from the Masonry spec at the CSSWG meeting on Oct 4th 2023. Removing the related test cases to align with the spec. w3c/csswg-drafts#8207 (comment) -- wpt-commits: 2b9a3cb6062fb825e99c62d91599c1774fc2e041 wpt-pr: 42365 UltraBlame original commit: 6b487657363cc508c6cab93a443dfcdf7e2aba5a
gecko-dev-updater
pushed a commit
to marco-c/gecko-dev-wordified
that referenced
this issue
Oct 30, 2023
…Test Cases, a=testonly Automatic update from web-platform-tests Remove Masonry Align and Justify Tracks Test Cases (#42365) align-tracks and justify-tracks were removed from the Masonry spec at the CSSWG meeting on Oct 4th 2023. Removing the related test cases to align with the spec. w3c/csswg-drafts#8207 (comment) -- wpt-commits: 2b9a3cb6062fb825e99c62d91599c1774fc2e041 wpt-pr: 42365 UltraBlame original commit: 6b487657363cc508c6cab93a443dfcdf7e2aba5a
gecko-dev-updater
pushed a commit
to marco-c/gecko-dev-comments-removed
that referenced
this issue
Oct 30, 2023
…Test Cases, a=testonly Automatic update from web-platform-tests Remove Masonry Align and Justify Tracks Test Cases (#42365) align-tracks and justify-tracks were removed from the Masonry spec at the CSSWG meeting on Oct 4th 2023. Removing the related test cases to align with the spec. w3c/csswg-drafts#8207 (comment) -- wpt-commits: 2b9a3cb6062fb825e99c62d91599c1774fc2e041 wpt-pr: 42365 UltraBlame original commit: 6b487657363cc508c6cab93a443dfcdf7e2aba5a
Lightning00Blade
pushed a commit
to Lightning00Blade/wpt
that referenced
this issue
Dec 11, 2023
…s#42365) align-tracks and justify-tracks were removed from the Masonry spec at the CSSWG meeting on Oct 4th 2023. Removing the related test cases to align with the spec. w3c/csswg-drafts#8207 (comment)
# for free
to join this conversation on GitHub.
Already have an account?
# to comment
This feature of css-grid-3 allows developers to align tracks individually. However this creates a disconnect pretty quickly with the "visual order" and the "box order" of the document.
Example 9 in the spec demonstrates this well:
https://drafts.csswg.org/css-grid-3/#masonry-axis-alignment
The tab order for above would be 1,2,3,4... etc. However the visual order for that example definitely not that :).
The use-cases I've seen here typically align masonry axis tracks together rather than individually.
Something to lean on here might be something similar to how flexbox works in that you can start the masonry algorithm for the "end" side, instead of the "start" (e.g. row-reverse and friends).
Note this problem is different to alignment on individual grid/flex items, as for those layout modes alignment happens within a line/track, and the visual order still matches the box order.
The text was updated successfully, but these errors were encountered: