diff --git a/src/plugins/events/components/EventTimelineView.vue b/src/plugins/events/components/EventTimelineView.vue index f135fd3f77..48a9f30e5a 100644 --- a/src/plugins/events/components/EventTimelineView.vue +++ b/src/plugins/events/components/EventTimelineView.vue @@ -345,7 +345,7 @@ export default { }, plotEvents(item, containerElement) { const existingEventWrapper = this.getEventWrapper(item); - // eventWrapper wraps the vertical tick and the EVENT + // eventWrapper IS NOW the vertical tick and the EVENT if (existingEventWrapper) { this.updateExistingEventWrapper(existingEventWrapper, item); } else { @@ -414,13 +414,11 @@ export default { eventWrapper.setAttribute('id', id); eventWrapper.classList.add(EVENT_WRAPPER_CLASS); eventWrapper.style.left = `${this.xScale(event.time)}px`; - const eventTickElement = document.createElement('div'); - eventTickElement.classList.add('c-events-tsv__event-handle'); if (this.titleKey) { const textToShow = event[this.titleKey]; eventWrapper.ariaLabel = textToShow; eventWrapper.addEventListener('mouseover', () => { - this.showToolTip(textToShow, eventTickElement); + this.showToolTip(textToShow, eventWrapper); this.extendedLinesBus.updateHoverExtendEventLine(this.keyString, event.time); }); eventWrapper.addEventListener('mouseleave', () => { @@ -428,7 +426,6 @@ export default { this.extendedLinesBus.updateHoverExtendEventLine(this.keyString, null); }); } - eventWrapper.appendChild(eventTickElement); const limitEvaluation = this.limitEvaluator.evaluate(event, this.valueMetadata); const limitClass = limitEvaluation?.cssClass; if (limitClass) {