elastic / elastic/eui

[Long term] Replace popover/tooltip positioning logic with new CSS anchor positioning

Open
#7,102 11 comments 0 reactions 0 assignees View on GitHub
blocked stale-issue tech debt
Dominant language
TypeScript
Stars
6.4k
Forks
911
Avg merge
2d 11h
Merged PRs (30d)
65

Description

⚠️ The new CSS anchor positioning spec is **not yet implemented** by all browsers and its API is **not yet stable**. This functionality is not ready to use within the next ~year or so, but we should keep an eye on its progress and be ready to replace our popover and tooltip components with it once it's ready to use.

A helpful preview of its functionality in Chrome, well worth checking out: https://developer.chrome.com/blog/tether-elements-to-each-other-with-css-anchor-positioning/

### Feature status:

- https://caniuse.com/css-anchor-positioning
- https://www.w3.org/TR/css-anchor-position-1/
- https://chromestatus.com/feature/5124922471874560

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.