floating-vue icon indicating copy to clipboard operation
floating-vue copied to clipboard

Tooltips don't destroy when used in a scrollable table

Open noehre opened this issue 2 years ago • 4 comments

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

noehre avatar Mar 17 '23 17:03 noehre

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?

AndrianLeah avatar Apr 14 '23 07:04 AndrianLeah

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

noehre avatar Apr 16 '23 13:04 noehre