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

Improve layout for examples on the demo page #284

Open
jamesnw opened this issue Dec 18, 2024 · 0 comments
Open

Improve layout for examples on the demo page #284

jamesnw opened this issue Dec 18, 2024 · 0 comments
Labels
demo-site enhancement New feature or request

Comments

@jamesnw
Copy link
Contributor

jamesnw commented Dec 18, 2024

The elements grid area for examples is a bit unwieldy to work within, and has some issues on mobile devices. Based on the examples we now have, I think these changes would be useful-

  • The left and right margins aren't needed, especially on narrower screens.
  • The elements grid area should scroll left and right, to prevent overflow
  • This scrolling may need to happen independently of the scroll area that is used for position fallback examples
  • The anchor element should be min-content- it currently is 100% width.
  • By default, the anchor should be centered within elements
  • elements should have sufficient padding to allow for a single absolutely positioned target touching the anchor (or alternatively, is there a way for elements to auto-grow so that the content box includes the absolutely positioned targets?)
  • For cases with multiple anchors, it would be nice to have an easy way to specify the elements box height
@jamesnw jamesnw added the enhancement New feature or request label Dec 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
demo-site enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

1 participant