This is a migrated thread and some comments may be shown as answers.

Tooltips/Edit in Diagram in Window

3 Answers 136 Views
Diagram
This is a migrated thread and some comments may be shown as answers.
Michael D
Top achievements
Rank 1
Michael D asked on 03 May 2017, 02:00 PM

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?

 

3 Answers, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 05 May 2017, 09:53 AM
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
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data (charts) and form elements.
0
Michael D
Top achievements
Rank 1
answered on 09 May 2017, 02:37 PM

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.

0
Stefan
Telerik team
answered on 11 May 2017, 09:54 AM
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
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data (charts) and form elements.
Tags
Diagram
Asked by
Michael D
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Michael D
Top achievements
Rank 1
Share this question
or