Все решения на самом деле не работали для меня, что работа сравнивала элементы scrollWidth
с scrollWidth
его родительского (или дочернего, в зависимости от того, какой элемент имеет триггер) .
Когда дочерний scrollWidth
выше, чем его родители, это означает, что .text-ellipsis
активен.
Когда event
является родительским элементом
function isEllipsisActive(event) {
let el = event.currentTarget;
let width = el.offsetWidth;
let widthChild = el.firstChild.offsetWidth;
return (widthChild >= width);
}
Когда event
является дочерним элементом
function isEllipsisActive(event) {
let el = event.currentTarget;
let width = el.offsetWidth;
let widthParent = el.parentElement.scrollWidth;
return (width >= widthParent);
}