search

palantir / plottable

:bar_chart: A library of modular chart components built on D3
http://plottablejs.org/
MIT License
2.97k stars 223 forks source link

Tooltip offset on Mobile Mode #3559

Open 7eXx opened 3 years ago

7eXx commented 3 years ago

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

7eXx commented 3 years ago

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.