kendo-react icon indicating copy to clipboard operation
kendo-react copied to clipboard

[Bug][ToolTip and ChartToolTip] Tooltip remains static in mobile view

Open WissamProgress opened this issue 2 years ago • 1 comments

Steps to reproduce:

  • open this example - https://stackblitz.com/edit/react-xyybnj?file=app%2Fmain.jsx
  • switch to mobile view
  • press on one of the bars to show the tooltip
  • scroll to the bottom
  • the tooltip will remain static and will not be hidden

Video demonstration:

  • https://somup.com/c06fi7B3Yb

Reported in Ticket ID: 1625831

WissamProgress avatar Oct 04 '23 07:10 WissamProgress

The issue was reported again, but it is not directly related with mobile, but rather with the "fixed" position of the Tooltip element and the fact that we do not update the position after the initial rendering.

A possible workaround is to change the position of the tooltip to "absolute", append it to a wrapping element of the content with position "relative" and handle the onPosition to set the correct top/left values: https://stackblitz.com/edit/react-sq9kvn?file=app%2Fapp.tsx

kdikov82 avatar Aug 21 '24 14:08 kdikov82