Vue Dialog Open Gantt

Gantt
#1

I found that I used the el-dialog component of vue+element plus to open gantt, and the ganttgantt.templates.tooltip_text would be invalid and would not float

#2

Hello,

The issue likely occurs because Element Plus Dialog creates a new stacking context with a high z-index value for its overlay element (.el-overlay.el-modal-dialog). The tooltip element (.gantt_tooltip) has a default z-index: 50, which gets rendered behind the dialog’s overlay, making it invisible.

To fix this, you can increase the tooltip’s z-index value so that it renders above the dialog layer:

.gantt_tooltip {
  z-index: 9999;
}

Best regards,
Valeria Ivashkevich
DHTMLX Support Engineer