Provide a built-in hideAfter option as Kendo for jQuery Tooltip:

https://docs.telerik.com/kendo-ui/api/javascript/ui/tooltip/configuration/hideafter

Could you provide a tooltip close event

Thank you

1) After opening a tooltip, hitting tab will not focus on the close icon if there is another focusable item in the DOM below the tooltip trigger.

Reproduction Steps:

• Open the https://www.telerik.com/kendo-angular-ui/components/tooltip/closable-tooltip/ example in stackblitz
• Add a plain button (or any focusable item) underneath the tooltip component
• Focus on the tooltip button with the keyboard
• Open the tooltip by pressing "Enter"
• Hit tab
• The focus goes to the next button rather than into the tooltip

This is an issue for keyboard users because they cannot easily tab into the tooltip to close it

2) When opening or tabbing into the tooltip, the screen reader (Voice Over, NVDA) doesn't read the tooltips content

Hi,

In its current state, TooltipSettings is missing options like collision, offset, and others that are included in the TooltipDirective:

https://www.telerik.com/kendo-angular-ui/components/tooltip/api/TooltipDirective/#toc-collision

The additional options would be nice to have in the TooltipSettings to allow developers additional control on a global level similar to the TooltipDirective.

A useful addition to the Tooltip component would be the ability to open it on a specific position defined by X/Y pixel coordinates.

This will allow displaying the tooltip at a concrete pixel as an addition to anchor elements.

Can you add property popupSettings with appendTo?

Something similar is in kendo date picker:
https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/PopupSettings/

It could be placed here
https://www.telerik.com/kendo-angular-ui/components/tooltip/api/TooltipDirective/


I placed this in Dialog category, but can you add category tooltip?

Best regards,
Paweł

It would be nice if we could do something like this:

<span kendo-tooltip>
    <span k-tooltip-content>This is the tooltip content</span>
    Some stuff
</span>

Instead of this:


<span kendo-tooltip k-content="This is the tooltip content">
    Some stuff
</span>

This would make creating bigger dynamic content easier.

We would like to have this feature available in kendo UI for angular.
sames goes to Show Only If Text Overflows with Ellipsis.

Reference URL
https://docs.telerik.com/kendo-ui/controls/layout/tooltip/how-to/calculate-tooltip-width#see-also

https://docs.telerik.com/kendo-ui/controls/layout/tooltip/how-to/show-on-ellipsis

Create a TooltipService to control tooltip content and position.

See:

https://github.com/telerik/kendo-angular/issues/1731