Tooltips/Edit in Diagram in Window

[Michael D]

We want to show a diagram in a modal window and need tooltips and tools(e.g. edit).

Minimal example based on demo: http://dojo.telerik.com/IGUke/3

Apparently the tooltip and tools are created with a lower z-index than the diagram.

Is this a bug or is there any workaround ot get tooltips and tools working?

 

[Stefan]

Hello,

After inspecting it, this is indeed connected to the z-index of the popup container used for editing.

I can suggest using CSS to set a bigger z-index property to ensure that the popup will be visible over the modal window:

http://dojo.telerik.com/IGUke/8

.k-animation-container{

 z-index:100000 !important;
}

I hope this is helpful.

Regards,
Stefan
Telerik by Progress

[Michael D]

This results in another problem for us:

The button to open the window with the diagram also has a tooltip and the tooltip does not close once the window is opened.

I updated your example to reflect this scenario: http://dojo.telerik.com/IGUke/10

Also we feel uneasy using this workaround as the css class is used by many other components like drop down menus and we are afraid that this may have adverse side effects that might not be discovered by our testers.

We are currently also considering to create the tooltips manually by listening on the mouseenter and mouseleave events.

Can you give me any information if and when this might be fixed?

This would help us in determining how we solve this problem in the long run.

[Stefan]

Hello,

Thank you for pointing the limitation which this approach.

I created an issue in our GitHub repository for further investigation. You can track its progress at:

https://github.com/telerik/kendo-ui-core/issues/3191

Additionally, I updated your Telerik points for bringing this to our attention.

Regards,
Stefan
Telerik by Progress