Daemonite / material

Material Design for Bootstrap 4
http://daemonite.github.io/material/
MIT License
3.2k stars 725 forks source link

Tooltip right does not render correctly on mobile #233

Open jacrys opened 4 years ago

jacrys commented 4 years ago

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

20190921_094154

djibe commented 4 years ago

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

sesemaya commented 4 years ago

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 commented 4 years ago

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. 😁