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

story: evaluate polyfill for popover and CSS anchor positioning #1875

Closed
2 tasks
kyubisation opened this issue Jul 14, 2023 · 2 comments
Closed
2 tasks

story: evaluate polyfill for popover and CSS anchor positioning #1875

kyubisation opened this issue Jul 14, 2023 · 2 comments
Assignees

Comments

@kyubisation
Copy link
Contributor

Feature Description

I would like to evaluate the popover and CSS anchor positioning polyfills.

The popover attribute is already available in Chome and Edge, but still in progress in other browsers: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/popover

CSS Anchor Positioning is now a Public Working Draft, but will probably take a bit longer until it is available in browsers: https://developer.chrome.com/blog/tether-elements-to-each-other-with-css-anchor-positioning/

https://www.npmjs.com/package/@oddbird/popover-polyfill
https://www.npmjs.com/package/@oddbird/css-anchor-positioning

Definition of Done

  • Tested with a overlay component (e.g. <sbb-menu>)
  • If evaluation is positive, create follow-up story to adopt and present to team
@kyubisation kyubisation moved this from Funnel to Next in ESTA Web Design System Jul 14, 2023
@kyubisation kyubisation moved this from Next to In progress in ESTA Web Design System Jul 20, 2023
@dauriamarco dauriamarco self-assigned this Jul 24, 2023
@kyubisation
Copy link
Contributor Author

@federicoisepponfincons, @dauriamarco What was the result here?

@kyubisation
Copy link
Contributor Author

We will wait for the native implementation of the popover.
As for the CSS Anchor Positioning; The polyfill seems to be static, so we probably also have to wait until it is natively available.

@jeripeierSBB jeripeierSBB removed this from In progress in ESTA Web Design System May 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants