Skip to content

[css-grid] What track sizes match the concept of "intrinsically-sized track" ? #3042

Closed
@javifernandez

Description

@javifernandez

The inline-axis and block-axis alignment sections have the following statement:

https://drafts.csswg.org/css-grid/#row-align

If baseline alignment is specified on a grid item whose size in that axis depends on the size of an intrinsically-sized track (whose size is therefore dependent on both the item’s size and baseline alignment, creating a cyclic dependency), that item does not participate in baseline alignment, and instead uses its fallback alignment.

I'm not sure whether some possible values of the track sizing functions may or not produce an intrinsically-sized track. So, I'll collect some cases here that I think they match and other I'd have doubts;

  1. auto -> minmax(auto, auto): yes
  2. min-content -> minmax(min-content, max-content): yes
  3. fit-content -> minmax(auto, fit-content): yes
  4. max-content -> minmax(max-content, max-content): yes
  5. 1fr -> minmax(auto, 1fr): ??
  6. minmax(auto, 20px): yes
  7. minmax(20x, auto): yes
  8. minmax(min-content, 20px): yes
  9. minmax(20px, min-content): yes
  10. minmax(20px, 1fr): ??

Basically, in the Chrome and Webkit implementation we are considering that any content-sized track (I'll fill a new issue about this term too) will produce intrinsically-sized tracks. Additionally, we consider a track as content-sized if either its min-sizing function or its max-sizing function is a content-sized value (auto, min-content or max-content).

Finally, my doubts regarding the flex tracks are related to their dependency with the available size, which will come from the grid container's inline and block size. We assume in both, Chrome and WebKit that a flex track in a indefinite sized container should be considered as content-sized. I couldn't find in the spec where this is specified; maybe we should if it's not the case. I'll file a new issue about this if it's worth discussing it.

I've got more questions, which may be related with this one. However, I'll fill separate issues for now; we can merge then if we think all of them are part of the same issue.

Metadata

Metadata

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions