Kendo tooltip position issues angular (20) kendo (20)

[Maulik]

Hello all,

Hope you’re doing well! 

I’m currently facing an issue with Kendo Tooltip in Angular 20. The tooltip is not behaving as expected — it either doesn’t show up correctly or fails to initialize in some cases.

Could you please help me troubleshoot or suggest the right approach to make it compatible with Angular 20?
If needed, I can share a small reproducible example of the issue.

Thanks in advance for your support!

Best regards,
Maulik Shah

 <div kendoTooltip style="text-align: center; padding-top: 10px;">

      <button

        kendoButton

        themeColor="primary"

        title="Saves the current document"

      >

        Save

      </button>

      <button kendoButton title="Discards all changes">Cancel</button>

    </div>

<router-outlet />

import { Component, signal } from '@angular/core';

import { RouterOutlet } from '@angular/router';

import { KENDO_BUTTONS } from "@progress/kendo-angular-buttons";

import { KENDO_TOOLTIPS } from "@progress/kendo-angular-tooltip";

@Component({

  selector: 'app-root',

  standalone: true,

  imports: [RouterOutlet,KENDO_TOOLTIPS,KENDO_BUTTONS],

  templateUrl: './app.html',

  styleUrl: './app.scss'

})

export class App {

  protected readonly title = signal('#####');

}

[Maulik]

Outout

[Zornitsa]

Hi Maulik,

I noticed that a similar inquiry was asked in the private support thread with ID: 1702665, and my colleague has provided a reply regarding the identical matter there. Nevertheless, I will share the information in the answer from the other ticket here as well, since it can be useful for other developers in the community who may encounter a similar scenario.

Currently, the Kendo UI for Angular components do not support zoneless change detection. For more details, you can refer to the following resources:

• https://www.telerik.com/kendo-angular-ui-develop/components/faq#do-kendo-angular-components-work-with-zoneless-change-detection
• https://www.telerik.com/forums/angular-zoneless 

With the above being said, the usage of provideZonelessChangeDetection() in the application will disrupt the correct Tooltip positioning, and this behavior is expected at this moment as we still do not support zoneless mode. The approach to restore the proper Tooltip positioning at present is reverting to the default zone.js-based change detection (removing provideZonelessChangeDetection() from the app.config.ts file).

I hope that the provided information was found helpful.

Regards,
Zornitsa
Progress Telerik