Tooltip bad positioned when autohide:false

[Laurent]

Hi team,

<Tooltip bad positioned when autohide:false>

 

See your own demo for an example.

I will appreciate a workaround.

Also, sorry but the new style of the callout is ugly and lack visibility.

That said, thank you for the great job done with kendo ui.

Laurent.

 

[Stoyan]

Hi, Laurent,
thank you for addressing this.

Do you mean this gap between the tooltip and the target?

 It happens because the 'x' added by the 'autoHide: false' property crams the tooltip. To fix it you can adjust the 'width' and 'height' properties of the tooltip. Here is my take: https://dojo.telerik.com/@Stoyan/eJozEweV

Regards,
Stoyan
Progress Telerik

[Laurent]

Hi Stoyan,

Thank you for the prompt response.

In fact, setting the width and height of individual tooltip is not an option for me as all my tooltips are instanciated in a bunch.

My workaround for the moment is to set autohide to true as despite the lack of close button, a tooltip close when clickinkg elsewhere in the page.

Also, note that with Default theme, the callout lacks of visibility because if the box-shadow.

Best regards.

[Stoyan]

Laurent,

I created these examples that showcase a simple Tooltip. 

• SASS approach: https://dojo.telerik.com/@Stoyan/UxuyayUK
• LESS approach: https://dojo.telerik.com/@Stoyan/AQoBELUG

Could you please edit the one that suits your case best and share it with me to give me a better idea of the behaviors you observe. 

Regards,
Stoyan
Progress Telerik

[Laurent]

Hi Stoyan,

I use the LESS default theme, here my showcase : https://dojo.telerik.com/eYUkODor

Toolptip is positioned "top".

Don't know why but the gap has disappeared here. The callout visibility is low due the box shadow.

 

Laurent.

[Stoyan]

Hi, Laurent,

The low visibility of the callout appears to be a bug. I have logged it. You can follow the thread here: https://github.com/telerik/kendo-ui-core/issues/6134

• A possible workaround is to set  box-shadow:none; Here is a dojo example.
• Alternatively you can use a Less theme that does not face the issue. E.g. bootstrap.

Additionally as a token of gratitude for reporting the bug I have updated your Telerik points.

Regards, Author nickname Progress Telerik