Tooltips (especially in charts) get clipped. Need to ensure tooltip is posted in display area.
This is a major show stopper for us. The tool tips are overlapping with charts which is causing users to not able to click on the bars. We have drill down capabilities on charts where users need to be able to double click, but because tool tip is on the way they cant. Its a very big issue for our client.
Dave, this should no longer be a problem with recent Kendo UI versions. If you experience issues, please report them via our support channels at telerik.com to get prompt assistance.
For anyone else wondering, I came up with a sloppy workaround for this bug using JS. In the Kendo Chart config, add a listener for the seriesHover event. This listener then has access to the bar (e.element), the dataItem (e.dataItem, and the tooltip (e.sender.find(".k-tooltip")). By getting some widths, some left offsets, and the window width, you can have a pretty good guess that the tooltip will appear outside the viewable region of the window and you can apply a negative margin left to bring it to the left side. The negative margin would be equal to the bar width plus the estimated tooltip width plus small amount of additional spacing.
This is still an issue in version 2015.1.408.
Have you tested it with the latest 2014.2.716 release of Kendo UI, Yonatan? In case you still experience issues, please contact our support team at telerik.com to get further assistance.
When was this completed? I can still see this issue with KendoUI PRO from 2014.
Voted, this is more than a nuisance, it's a feature killer. Dynamically sized tooltips are impossible to replace using a margin negative positioning. Automatically ensuring the tooltip is inside the parent's container is quite easy, but we have no event what so ever to change that (without some flickering, at least).
I'll second that
Agreed - this is a major issue, any tooltip at the right hand end of any chart object (for example) is clipped as it falls outside it's container. Telerik suggestions have been to add the .k-tooltip { margin-left: -100px; } CSS, but this then causes issues at the left-hand end.