When moving through objects with Kendo UI Tooltips fast, the tooltip does not hide.
Tooltips should disappear when navigating through new tooltips.
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)
Dojo example. Screencast.
The Tooltip does not hide.
The Tooltip hides.
the Tooltip flashes instead of being displayed constantly.
The Tooltip flashes although the mouse does not move
The Tooltip should not blink until the target is hovered
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:
The only difference between those two is the stylesheet to be loaded (line 6).
Steps to reproduce:
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.
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.
When the width of the Tooltip is not set the content is aligned to the right of the arrow.
The Tooltip content should be aligned the same no matter if it has a width set - it should be centered.
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]
A Tooltip that fetches its content using AJAX request doesn't render a loading icon while waiting for the response.
Issue 1. No loading icon is rendered.
Issue 2. The Tooltip doesn't render until the response from the server arrives.
The Tooltip should render immediately with a loading icon until the response from the server arrives.
Tooltip does not hide as expected when another Tooltip is opened in Map. Setting marker: { tooltip: { autoHide: false, } }
A sample WebSite is attached.
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.
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).
Dojo example
The Tooltip is not centered and appears to the left of the element it is shown for.
The tooltip is centered.
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.
This will initially appear below the window. Upon mouseover a second time, will be above. Here is a screencast of the behavior.
The Kendo UI Tooltip should appear above to initially instead of being displayed outside the user's view.
The Tooltip component is visualized at the upper left corner of the browser's window when opened in Safari.
The Tooltip is visualized in the upper left corner of the browser's window
The Tooltip should be visualized on the top of each bar of the chart that is hovered.