Контекст -
Я создал директиву Angular 6 для обработки длинного текста.Это делает следующее:
Если элемент HTML переполнен, то обрезать текстовое содержимое с помощью класса CSS и при наведении на элемент, показывающий всплывающую подсказку, где отображается полный текст.
Я не хочупоказывать всплывающую подсказку для тех элементов, которые не переполняются, поэтому условно проверяем, переполнен ли элемент или нет.
Я создал функцию isOverflow
, которая ищет разницу в высоте или ширине элемента, чтобы определить, переполняется ли элемент.
Если разница составляет 0
, то она не переполняется, а если она имеет какое-либо значение, то она переполняется.
Эта логика прекрасно работает в Chrome и Firefox, но не в браузере MS Edge -
element.offsetHeight - element.scrollHeight;
element.offsetWidth - element.scrollWidth;
В браузере MS Edge разница всегда 0
.
Какпрограммно (javascript) узнать в браузере MS Edge, не переполнен ли элемент?