search

Zen33 / vue-sparklines

Sparkline chart built with Vue.
MIT License
66 stars 23 forks source link

Tooltips render at incorrect positions when page is scrolled #7

Closed agross closed 5 years ago

agross commented 5 years ago

My app does not anything special related to overflow: hidden or position: relative like the demo page.

As soon as my app's page is scrolled the tooltips are rendered with an offset: tooltips show above the sparkline that is hovered. Most often they are not even visible due to this, it gets worse the more the user scrolls.

The tooltip should consider the element's position on the page, not only relative to the viewport, when it is positioned absolutely.

Zen33 commented 5 years ago

emm, you may overwrite the 'tooltipProps' and 'tooltipStyles' so that you will use your own. If that still could't meet your needs, I will further expand the methods of tooltip.

agross commented 5 years ago

Have a look at the fix I needed to apply to get it working (see above your comment). It's far from setting props or styles.

agross commented 5 years ago

https://github.com/agross/vue-sparklines-issues/tree/ffb8655f63ffabfa57a3c3e65f9a567212fb9761

Zen33 commented 5 years ago

Fixed this issue in @0.2.1, please update latest version.

agross commented 5 years ago

Thanks!

Zen33 commented 5 years ago

If you have any questions, please let me know.