Bug report

When moving through objects with Kendo UI Tooltips fast, the tooltip does not hide.

Reproduction of the problem

1. Go to this Progress Kendo UI Dojo.
2. Move through the object fast.

Expected/desired behavior

Tooltips should disappear when navigating through new tooltips.

Environment

• Kendo UI version: 2024.3.806
• jQuery version: Supported Versions
• Browser: All

Bug report

the Tooltip flashes instead of being displayed constantly.

Reproduction of the problem

1. Open the dojo and hover over the text - https://dojo.telerik.com/@NeliKondova/iqUXUZAC

Current behavior

The Tooltip flashes although the mouse does not move

Expected/desired behavior

The Tooltip should not blink until the target is hovered

The issue is a regression starting with 2024.1.130

Environment

• Kendo UI version: 2024.1.130
• Browser: [all]

Bug report

Tooltip content is misaligned when no width for the tooltip is specified, and when loading the content via Ajax. The Tooltip appears to the right instead of being centered.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@NeliKondova/iMApoBAN
2. Hover an image in the example.

Current behavior

When the width of the Tooltip is not set the content is aligned to the right of the arrow.

The issue is a regression starting with 2022 R2 SP1 - 2022.2.621 version

Expected/desired behavior

The Tooltip content should be aligned the same no matter if it has a width set - it should be centered.

Environment

• Kendo UI version: 2023.3.1114
• Browser: [all ]

Bug report

Every second display of the Tooltip's text is always wrapping

Regression introduced with 2023.1.314

Reproduction of the problem
Dojo: https://dojo.telerik.com/IFuWexuj/3

Hover the Some content
Hover the Some content string for the second time

Expected/desired behavior
The Tooltip shall not wrap into multiple lines

Environment
Kendo UI version: 2023.1.314 or newer
Browser: [all]

I have noticed that, after switching themes, the tooltips in our application do no longer work correctly. I was able to reproduce the issue in the following two DOJOs:

• Correct behavior: https://dojo.telerik.com/eFOcahIS (stylesheet https://kendo.cdn.telerik.com/2022.2.510/styles/kendo.default.min.css)
• Invalid behavior: https://dojo.telerik.com/ahOkibow (stylesheet https://kendo.cdn.telerik.com/2022.2.510/styles/kendo.default-ocean-blue.min.css)

The only difference between those two is the stylesheet to be loaded (line 6).

Steps to reproduce:

1. load the DOJO
2. hover over the red dot (notice how the text uses all space available and does not get wrapped unless necessary)
3. hover over the green dot 
4. hover over the red dot again

In step 4, the correct behavior would be displaying the tooltip in the same fashion as in step 2. However, in the faulty DOJO, it can be seen that the tooltip does not expand past the width of the text that is displayed when hovering over the green dot. This means that when displaying long tooltips after short ones, they are always wrapped unnecessarily.

A way to fix this behavior (and what's actually the difference between the two stylesheets) is to set the position on the ".k-animation-container" back to its default value "static". Usually, this value is overridden by the output of the size calculations, but during the calculations this value comes to play.

This third DOJO demonstrates the fix described above.

Please note that when using the default-ocean-blue stylesheet, the positioning of the callout seems to be broken as well.

Bug report

A Tooltip that fetches its content using AJAX request doesn't render a loading icon while waiting for the response.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/onUlEMiT/5
2. Hover the images.

Current behavior

Issue 1. No loading icon is rendered.
Issue 2. The Tooltip doesn't render until the response from the server arrives.

Expected/desired behavior

The Tooltip should render immediately with a loading icon until the response from the server arrives.

Environment

• Kendo UI version: 2022.1.301
• Browser: [all]

Dojo: https://dojo.telerik.com/@jay/AhUYayEx

1. Hover over a color - tooltip shows up;

2. Hover over the tooltip;

3. Move the cursor back to the same target;

4. Move the cursor to a different color or any mouseout;

Actual: Tooltip is not closed

Expected: Tooltip to be closed (same as when not performing step 2)

Hi Team,

I'd like to request the ability to be able to customize the Kendo UI ToolTip's callout.  For example, being able to set a border around it would be helpful.

Thank you!

Bug report

WebSite12.zip

Reproduction of the problem

A sample WebSite is attached.

1. Run the Test page.
2. Click on the "Click me" text.
3. The Tooltip shows up (note its position).
4. Close the Tooltip.
5. Click on the text again.

Current behavior

Initially the Tooltip shows up positioned in such way that most of its content not visible. If you close the Tooltip and click the "Click me" text to show it again, it is shown over the whole page.

Expected/desired behavior

The positioning on first opening is incorrect. The Tooltip should be positioned identically in both cases (when opened for the first time, and on subsequent opening).

Environment

• Kendo UI version: 2020.3.1021
• jQuery version: x.y
• Browser: [all]

Bug report

When a user mouseover's a specific element that produces the Kendo UI Tooltip initially with a position of bottom, the tooltip is below the browser window. Upon the mouseover a second time, the tooltip shows changes position to top.

Reproduction of the problem

1. Go to https://dojo.telerik.com/@PMcDonou/uzOyoROh
2. Mouseover the clip icon at the bottom of the Grid.

Current behavior

This will initially appear below the window. Upon mouseover a second time, will be above. Here is a screencast of the behavior.

Expected/desired behavior

The Kendo UI Tooltip should appear above to initially instead of being displayed outside the user's view.

Environment

• Kendo UI version: 2020.3.915
• Browser: all

Bug report

Reproduction of the problem

Dojo example

1. Hover "Some Text"

Current behavior

The Tooltip is not centered and appears to the left of the element it is shown for.

Expected/desired behavior

The tooltip is centered.

Environment

• Kendo UI version: 201x.r.ddd
• jQuery version: x.y
• Browser: [all]

Bug report

The Tooltip component is visualized at the upper left corner of the browser's window when opened in Safari.

• The issue is not reproducing with jQuery 1.xx and 2.x.x

Reproduction of the problem

1. Open this Dojo in Safari browser
2. Hover the bars in the BarChart

Current behavior

The Tooltip is visualized in the upper left corner of the browser's window

Expected/desired behavior

The Tooltip should be visualized on the top of each bar of the chart that is hovered.

• The expected behavior could be observed when the above Dojo is opened in Chrom

Environment

• Kendo UI version: 2019.3.917
• jQuery version: 3.x.x
• Browser: [Safari 11.1.2 ]

Bug report

Reproduction of the problem

Dojo example. Screencast.

1. Hover an event then move the cursor away (do this repeatedly).

Current behavior

The Tooltip does not hide.

Expected/desired behavior

The Tooltip hides.

Environment

• Kendo UI version: 2019.3.917
• jQuery version: x.y
• Browser: [all]

Tooltip does not hide as expected when another Tooltip is opened in Map.

Setting
    marker: {
            tooltip: {
                 autoHide: false,
            }
    }

Please add an option to configure the base postion of the tooltip.

Default value is "target" for the target element. If "mouse" is set it is the current mouse position.

The contentTemplate will be usable in MVVM bindings that points to an css id tag element in order to pull the Tooltip's contents.

Do not hide the tooltip if false is returned from an options.hide function.

Use Case: I need to show tooltips on the chart and keep them open onSeriesClick.
This is so they will appear on the PDF when generated giving better readability to the PDF.
I see that by design autoHide=false still hides tooltips on mouse click - but at least let the developer have a pure control over hiding it via the hide method return.

I would like to have more powerful tooltips 


- Prevent the opening of a tooltip via the show event and preventDefault (or similar)

- Prevent the closing of a tooltip via the close event and preventDefault (or similar)

- Have tooltips which can have their autoHide option determined by whatever they are hovering over, hence half the page could use 'hover' tooltips but more complex tooltips on the same page could use a close button. Could possibly accomplish this via the previous point

In general on this last point, you typically have a single tooltip widget on the page attached to the body, you may want more than one style

- Within the show event have access to the element on the page that the tooltip is above, (if there is already access I couldn't see it)

Currently the autoHide option for Tooltips always hides when the mouse leaves the target element.  This makes sense for showOn values "mouseenter" and "click", but does not make sense for showOn "focus". In the latter case the mouse might not even be over the target when the tooltip is shown, so autoHide is not useful (and indeed you get weird behaviour like multiple tips appearing).  It seems the obvious behaviour for autoHide in this case is to hide on blur.  See also the forum thread:

http://www.telerik.com/forums/tooltip-doesn't-hide-when-element-lost-focus-when-set-to-showon-focus

We have the needs to display a toolbar vertically. We tried your toolbar control but the feature was not there. However, we looked at the code and did minor changes to allow it. Is there any way we can submit the code so you would look at it and maybe add it to the main stream of Kendo UI javascript toolbar?