Completed
Last Updated: 23 Feb 2016 20:21 by Kohinoor
Gary
Created on: 06 Jul 2012 17:04
Category: Kendo UI for jQuery
Type: Feature Request
15
Tooltips get clipped
Tooltips (especially in charts) get clipped. Need to ensure tooltip is posted in display area.
9 comments
Kohinoor
Posted on: 23 Feb 2016 20:21
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.
ADMIN
Telerik Admin
Posted on: 03 Feb 2016 16:31
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.
David
Posted on: 03 Feb 2016 14:18
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.
David
Posted on: 02 Feb 2016 15:34
This is still an issue in version 2015.1.408.
ADMIN
Telerik Admin
Posted on: 01 Sep 2014 09:23
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.
Imported User
Posted on: 31 Aug 2014 10:44
When was this completed? I can still see this issue with KendoUI PRO from 2014.
Imported User
Posted on: 25 Aug 2014 20:52
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). 
Alan
Posted on: 05 Sep 2013 15:51
I'll second that
Andrew
Posted on: 24 Sep 2012 14:15
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.