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

Opens offscreen #7

Open
matthewlein opened this issue Nov 28, 2016 · 1 comment
Open

Opens offscreen #7

matthewlein opened this issue Nov 28, 2016 · 1 comment

Comments

@matthewlein
Copy link

Another classic—should tooltips ever open offscreen?

IMO, no, thats something I want a library to take care of, and I would guess users would want that too. Inputs at the bottom of a page (or side, depending on where you want it to open).

@desandro
Copy link
Member

desandro commented Nov 28, 2016

Add a 👍 reaction to this issue if you would like to see Huebee add a feature so its always positioned within the page viewport.


One way to resolve this is to set positioning CSS

/* outside right edge? */
.huebee__container {
  left: -100px;
}

/* or too close to bottom? */
.huebee-container {
  top: auto;
  bottom: 50px;
}

Rather add more code to check and measure sizing values, I hope developers can rely on their own CSS to resolve these offscreen issues.

This brings up another feature: more robust positioning. Huebee defaults to being positioned below the bottom left corner of the anchor element. Would it be better if Huebee had options for being positioned at any corner with any orientation (right, left, top, bottom)? See #8

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Development

No branches or pull requests

2 participants