IBX-1103: Remove tooltips when unneeded (#278)

ezsystems · Feb 1, 2022 · ae5cf34 · ae5cf34
1 parent 2b6016c
commit ae5cf34
Showing 1 changed file with 30 additions and 0 deletions.
diff --git a/src/bundle/Resources/public/js/scripts/helpers/tooltips.helper.js b/src/bundle/Resources/public/js/scripts/helpers/tooltips.helper.js
@@ -5,6 +5,11 @@
         childList: true,
         subtree: true,
     };
+    const resizeEllipsisObserver = new ResizeObserver((entries) => {
+        entries.forEach((entry) => {
+            ibexa.helpers.tooltips.parse(entry.target);
+        });
+    });
     const observer = new MutationObserver((mutationsList) => {
         if (lastInsertTooltipTarget) {
             mutationsList.forEach((mutation) => {
@@ -75,6 +80,31 @@
 
         for (tooltipNode of tooltipNodes) {
             if (tooltipNode.hasAttribute('title')) {
+                const hasEllipsisStyle = getComputedStyle(tooltipNode).textOverflow === 'ellipsis';
+
+                if (hasEllipsisStyle) {
+                    resizeEllipsisObserver.observe(tooltipNode);
+
+                    const isEllipsized = tooltipNode.scrollWidth > tooltipNode.offsetWidth;
+                    const tooltipInstance = bootstrap.Tooltip.getInstance(tooltipNode);
+
+                    if (tooltipInstance) {
+                        if (!isEllipsized) {
+                            tooltipInstance.dispose();
+                        }
+
+                        continue;
+                    }
+
+                    if (isEllipsized) {
+                        if (tooltipNode.dataset.title) {
+                            tooltipNode.title = tooltipNode.dataset.title;
+                        }
+                    } else {
+                        continue;
+                    }
+                }
+
                 const delay = {
                     show: parseInt(tooltipNode.dataset.delayShow, 10) ?? 150,
                     hide: parseInt(tooltipNode.dataset.delayHide, 10) ?? 75,