oddbird / oddbird/css-anchor-positioning

Support `position-try-order`

Open
#229 0 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement needs-prioritization
Dominant language
TypeScript
Stars
493
Forks
18
Avg merge
12h 37m
Merged PRs (30d)
5

Description

Is your feature request related to how this polyfill works? Please describe.
https://www.w3.org/TR/css-anchor-position-1/#position-try-order-property

Additional context
As of #202, if try-size is specified in position-try shorthand, it will be parsed, and try-tactics will be applied, but the try-size will be ignored.

For example, given position-try: most-block-size flip-block;, the flip-block try tactic will be used, but most-block-size is ignored.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the CSS Anchor Positioning specification section for position-try-order and read issue #202 for the existing shorthand parsing behavior. Trace how try-size is parsed and how try-tactics are applied, then define completion as honoring try-size while preserving the existing tactic behavior. No file or test path is named in the issue.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.