TelerikDatePicker bootstrap tooltip don't dispose after out hover

Progress® Telerik® UI for Blazor Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Declined

Last Updated: 09 Feb 2021 09:19 by ADMIN

Andrew

Created on: 09 Feb 2021 05:30

Category: UI for Blazor

Type: Bug Report

TelerikDatePicker bootstrap tooltip don't dispose after out hover

Greetings, tell me, I can't figure out what's the matter.

When using the TelerikDatePicker component together with the bootstrap tooltip, the tooltip continues to hang until the page is reloaded.

Telerik UI Blazor: 2.20.0

OS Windows 10

Google Chrome 90.0.4408.5

Framework Bootstrap v. 4.6.0

Kendo-theme-bootstrap 4.24.0

Registration bootstrap tooltip:

$(function () {
  $('[title]').tooltip()
})

How to repeat? Click on a component, point to any day, wait from 1 to 1.5 seconds and select an item (click), do not move the cursor for 1 second.

1 comment

ADMIN

Marin Bratanov

Posted on: 09 Feb 2021 09:19

Hi Andrew,

This looks like an issue between the bootstrap tooltip and the browser. I don't know what events they use to hide, but not moving the mouse is probably what causes this behavior - the tooltip does not know that its target is gone now - there hasn't been a mouseout on its target, nor a mouseover on another element (such as the body) which could trigger it to hide.

Since this is related to the way a third party framework operates, this is not something we can fix, but I can suggest you use the ValueChanged event of the date picker to try to dispatch (trigger) an event (such as mouseover on the body or other suitable element) that can hide the bootstrap tooltip.

With that said, I am marking this as "declined" since this is not a bug in the Telerik components.

Regards,
Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.