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