Under Review
Last Updated: 20 Apr 2020 14:05 by ADMIN
Matthew
Created on: 17 Apr 2020 15:37
Type: Feature Request
0
Add collision feature to Kendo React Tooltip like Kendo Angular

In Kendo angular you can tell the tooltips to flip when they collide with the edge of the viewport:

https://stackblitz.com/edit/angular-gaezr2?file=app/app.component.ts

A problem with angular is it can't detect a collision in both directions. In the above example, the top tooltip only flips downwards but not to the right.

As for Kendo React there is less control. It seems to always want to "fit" with no option to flip when a collision happens. I have prepared 3 examples below. for position left, right and default:

https://stackblitz.com/edit/react-vfdvtk?file=app/main.jsx

1 comment
ADMIN
Stefan
Posted on: 20 Apr 2020 14:05

Hello, Matthew,

Thank you for the request and the example.

The KendoReact Tooltip has an auto mode for such cases. This mode will divide the screen into four parts, and place the Tooltip in the best position possible based on the available space on the screen.

Still, I can agree that we can add an option to flip left-right and top-bottom if the auto property is not possible.

Regards,
Stefan
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.