Skip to content
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

CSS Grid: Support named grid lines and grid areas #750

Open
Tracked by #345
nicoburns opened this issue Dec 4, 2024 · 0 comments
Open
Tracked by #345

CSS Grid: Support named grid lines and grid areas #750

nicoburns opened this issue Dec 4, 2024 · 0 comments
Labels
enhancement New feature or request

Comments

@nicoburns
Copy link
Collaborator

What problem does this solve or what need does it fill?

This is an important part of the CSS Grid specification which is used by prominent websites such as Wikipedia.

What solution would you like?

  • Add support for a list of named lines for the grid-template-{rows,columns} styles
  • Add a new style property that defines grid-template-areas
  • Support specifying a named line as a grid position. Using one of:
    • A seperate grid-area property
    • A merged grid-position property that accepts an enum of Area | Row+Column
    • Using the area-start and area-end grid lines to define the area.

What alternative(s) have you considered?

Make users of Taffy implement named grid lines and grid areas on top of Taffy themselves. I believe this is possible, but it would be nice to have the functionality built-in. We could consider feature flagging it to avoid the overhead where it is not needed.

@nicoburns nicoburns added the enhancement New feature or request label Dec 4, 2024
This was referenced Dec 4, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

1 participant