mirivlad
/
mirvmon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Tooltip не должен показываться после mouseout - добавлен флаг _tooltipHidden 

- External handler проверяет флаг _tooltipHidden перед показом
- mouseout/mouseleave устанавливают флаг в true
- mousemove сбрасывает флаг в false
- Предотвращает повторный показ tooltip после скрытия
This commit is contained in:
mirivlad 2026-02-20 19:01:03 +00:00
parent e955eb84b1
commit 4613a14f5a
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
templates/servers/detail.twig
View File

@ -551,7 +551,7 @@ const chart{{ metricName|replace({'-': '_', '.': '_'}) }} = new Chart(ctx{{ metr
}
// Прячем если курсор ушел с графика
if (!context.tooltip._active || context.tooltip._active.length === 0) {
if (!context.tooltip._active || context.tooltip._active.length === 0 || canvas{{ metricName|replace({'-': '_', '.': '_'}) }}._tooltipHidden) {
tooltipEl.style.opacity = 0;
return;
}
@ -608,21 +608,27 @@ const chart{{ metricName|replace({'-': '_', '.': '_'}) }} = new Chart(ctx{{ metr
// Скрывать tooltip при уходе курсора с canvas в любую сторону
var canvas{{ metricName|replace({'-': '_', '.': '_'}) }} = document.getElementById('chart-{{ metricName }}');
if (canvas{{ metricName|replace({'-': '_', '.': '_'}) }}) {
canvas{{ metricName|replace({'-': '_', '.': '_'}) }}._tooltipHidden = false;
canvas{{ metricName|replace({'-': '_', '.': '_'}) }}.addEventListener('mouseout', function() {
canvas{{ metricName|replace({'-': '_', '.': '_'}) }}._tooltipHidden = true;
var tooltipEl = document.getElementById('chartjs-tooltip-{{ server.id }}-{{ metricName }}');
if (tooltipEl) {
tooltipEl.style.visibility = 'hidden';
tooltipEl.style.opacity = '0';
}
});
canvas{{ metricName|replace({'-': '_', '.': '_'}) }}.addEventListener('mouseleave', function() {
canvas{{ metricName|replace({'-': '_', '.': '_'}) }}._tooltipHidden = true;
var tooltipEl = document.getElementById('chartjs-tooltip-{{ server.id }}-{{ metricName }}');
if (tooltipEl) {
tooltipEl.style.visibility = 'hidden';
tooltipEl.style.opacity = '0';
}
});
canvas{{ metricName|replace({'-': '_', '.': '_'}) }}.addEventListener('mousemove', function() {
canvas{{ metricName|replace({'-': '_', '.': '_'}) }}._tooltipHidden = false;
});
}
{% endif %}