Подсказка показывает проблему для строк, ширина смещения которых точно соответствует контейнеру. ⇐ CSS

[Anonymous]

Я пытаюсь показать всплывающую подсказку для строк, ширина которых превышает контейнер, и применяю эллипсы.
Проблема заключается в том, что когда ширина прокрутки строки точно совпадает со смещением контейнера, эллипсы применяются но всплывающая подсказка не отображается. как справиться с этим крайним случаем.
class="pl-0 pr-0 pt-0 pb-0 device_item_text"
@mouseover=" onmouseover_tooltip($event)"
v-b-tooltip.noninteractive.hover.top
:title="tooltipEnable ? '9NAS6DBACE-4TB' : ''"
>
9NAS6DBACE-4TB


.device_item_text {
text-align: left;
padding-bottom: 0;
margin-bottom: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
color: black;
max-width: 100px;
}

мой метод js:
onmouseover_tooltip(event) {
let div = event.target;
if (div.scrollWidth > div.offsetWidth) {
this.tooltipEnable = true;
}
else {
this.tooltipEnable = false;
}
}


Подробнее здесь: https://stackoverflow.com/questions/787 ... he-contain