Skip to content

[css-anchor-1] anchor() inside an inset shorthand #8582

Closed
@kizu

Description

@kizu
Disclaimer and additional links

I'm submitting my feedback following my experiments with the current implementation of anchor positioning in Chrome Canary.

I wrote an article about my experiments, but decided to fill most of my feedback as separate issues here.

A quick summary of related links:

In my experiments I often did the following:

top:    anchor(--my-anchor top);
right:  anchor(--my-anchor right);
bottom: anchor(--my-anchor bottom);
left:   anchor(--my-anchor left);

What I would want to be able to do instead:

inset: anchor(--my-anchor);

Currently, this does not work, and the specs do not define how the anchors inside the inset should behave.

Because the current Chrome Canary implementation does not seem to support auto and auto-same, I'm unable to check if those would help, but maybe they will? I did not really dig into the fallback stuff yet, so not entirely sure if any of those would solve this use case.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions