kendo-react
kendo-react copied to clipboard
[Bug][ToolTip and ChartToolTip] Tooltip remains static in mobile view
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
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