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

Tooltip right does not render correctly on mobile #233

Open
jacrys opened this issue Sep 21, 2019 · 3 comments
Open

Tooltip right does not render correctly on mobile #233

jacrys opened this issue Sep 21, 2019 · 3 comments

Comments

@jacrys
Copy link

jacrys commented Sep 21, 2019

When viewed on a Note 8 in portrait mode, tooltip does not render correctly, see below:

20190921_094154

@djibe
Copy link

djibe commented Sep 27, 2019

This is due to Bootstrap.
Nothing we can do.
Sorry

@sesemaya
Copy link
Contributor

sesemaya commented Jan 8, 2020

Hi @jacrys,

As @djibe pointed out, this is due to Bootstrap (i.e. Popper.js) as it is doing the calculation for the actual positions. The tooltip has some margins around it so it takes a bit more space than its visible part, and this is the reason that Pooper.js thinks there is not enough room on the right to fit the tooltip.

However, I will be making some changes to the tooltip elements based on the latest Material guidelines (https://material.io/components/tooltips/) and the changes may tighten up things a bit.

@jacrys
Copy link
Author

jacrys commented Jan 13, 2020

Thanks! I'm just trying to help out. Many hands make light work. I know how hard it can be to make sure a site works on all devices. 😁

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

No branches or pull requests

3 participants