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 offset on Mobile Mode #3559

Open
7eXx opened this issue Nov 12, 2020 · 1 comment
Open

Tooltip offset on Mobile Mode #3559

7eXx opened this issue Nov 12, 2020 · 1 comment

Comments

@7eXx
Copy link

7eXx commented Nov 12, 2020

Tooltip in mobile mode have some offset if the charts has scrolled down.
For example:
In Desktop mode every tooltip is upside the relative point, even if the page has been scrolled down.
In Mobile mode tooltip are in the right position only if you are at the top of the page.
If you scroll down the page and want see the values in the chart, every tooltips is offset above the interested point.

Live example URL:
https://jsfiddle.net/9Lyr4e0x/

Steps to repro:

  1. showing tooltip in desktop version.
  2. Open example in mobile version.
  3. Showing tooltip
  4. Scrolling down the page.
  5. Select value in the chart to see the relative tooltip.
  6. The popup is offsetted.

Expected behavior

Tooltip near the interested point.

Actual behavior

Tooltip / popup is far away from point selected.

Context

Client wants to see value of the chart using his smartphone.

Environment

IDE used VS Code 1.51.1

  • Plottable version: 3.9.0
  • Chrome 86.0.4240 (Pc Version), Chrome Mobile 86.0.4240
  • Windows 10 / Android 11
@7eXx
Copy link
Author

7eXx commented Dec 24, 2020

This issue is also present in desktop version.
If you use JQuery 3.5.1, BootstrapJs 3.3.5 no problem.
Using JQueyry 3.5.1 with BootstrapJS > 3.3.5 it's presents the offset problem.

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

1 participant