fix: use css ids that don't start with number

This commit is contained in:
Safwan Samsudeen 2024-09-11 20:49:06 +05:30
parent f8d77b2a73
commit faf41b7220

View File

@ -154,7 +154,7 @@ export default class Bar {
this.gantt.options.column_width;
let $date_highlight = document.createElement('div');
$date_highlight.id = `${this.task.id}-highlight`;
$date_highlight.id = `highlight-${this.task.id}`;
$date_highlight.classList.add('date-highlight');
$date_highlight.style.height = this.height * 0.8 + 'px';
$date_highlight.style.width = this.width + 'px';
@ -290,7 +290,7 @@ export default class Bar {
(timeout = setTimeout(() => {
this.show_popup(e.offsetX || e.layerX);
document.getElementById(
`${task_id}-highlight`,
`highlight-${task_id}`,
).style.display = 'block';
}, 200)),
);
@ -298,7 +298,7 @@ export default class Bar {
$.on(this.group, 'mouseleave', () => {
clearTimeout(timeout);
this.gantt.popup?.hide?.();
document.getElementById(`${task_id}-highlight`).style.display =
document.getElementById(`highlight-${task_id}`).style.display =
'none';
});