Skip to content
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 not defined sufficiently - has issues with spanning items #8208

Closed
bfgeek opened this issue Dec 8, 2022 · 2 comments
Labels

Comments

@bfgeek
Copy link

bfgeek commented Dec 8, 2022

Unclear is align-tracks / justify-tracks is a good design see previous issue:
#8207

However currently underspecified. Specifically:

  1. Unclear how to deal with items which are spanning multiple tracks. I played very quickly with this in Firefox and unclear what was occuring.
  2. "stretch" needs to be defined precisely. Specifically you can get into an over-constrained situation with items having max-height specified on them. How to you distribute the excess space when one item hits its max?
  3. From talking with web-developers the fact that flexbox flexes based on the content box was confusing, and likely shouldn't be carried forward to other modes. Grid doesn't do this - we shouldn't do this for masonry as well.
  4. Increasing auto-margins isn't how flexbox works, should likely rely on flexbox behaviour here?

Edit - a simple example of the spanning issue: https://www.software.hixie.ch/utilities/js/live-dom-viewer/?saved=11095

@lukewarlow
Copy link
Member

These features are being dropped #8207 (comment)

@nt1m
Copy link
Member

nt1m commented Feb 16, 2024

I'll close this issue since the feature was removed.

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
Projects
None yet
Development

No branches or pull requests

6 participants