search

Akryum / floating-vue

💬 Easy tooltips, popovers, dropdown, menus... for Vue
https://floating-vue.starpad.dev/
MIT License
3.28k stars 335 forks source link

Tooltips don't destroy when used in a scrollable table #939

Open noehre opened 1 year ago

noehre commented 1 year ago

I was using tooltips on elements in a scrollable section on the page. In the given example it is a table that is longer than what is displayed on the page. By scrolling around rapidly the tooltips are not destroyed correctly. The tooltips are hidden, but remain in the DOM, even though the disposeTimer is set to 0.

The expected behaviour would be that the tooltips are destroyed when hidden.

The actual behaviour ist that although most are destroyed correctly, some are not which can cause other issues.

tooltips

AndrianLeah commented 1 year ago

Having the same issue not only inside table but every scrollable element. The element not being removed from the DOM causes the whole page to scroll. Anyone found a workaroud in the meantime?

noehre commented 1 year ago

we have hidden the overflow of the body, which is not an ideal solution but at least it stops the page from scrolling