Truncate Ellipsis detection then we must show tooltip.

Author: kevzlou7979

gwt-material/src/main/java/gwt/material/design/client/base/HasTruncate.java

@@ -0,0 +1,30 @@
+/*
+ * #%L
+ * GwtMaterial
+ * %%
+ * Copyright (C) 2015 - 2022 GwtMaterialDesign
+ * %%
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * #L%
+ */
+package gwt.material.design.client.base;
+
+public interface HasTruncate {
+
+    /**
+     * If true the label inside this component will be truncated by ellipsis
+     **/
+    void setTruncate(boolean truncate);
+
+    boolean isTruncate();
+}

gwt-material/src/main/java/gwt/material/design/client/base/MaterialWidget.java

@@ -54,7 +54,7 @@ public class MaterialWidget extends ComplexPanel implements HasId, HasEnabled, H
     HasShadow, Focusable, HasInlineStyle, HasSeparator, HasScrollspy, HasHideOn, HasShowOn, HasCenterOn, HasCircle, HasWaves,
     HasDataAttributes, HasFloat, HasTooltip, HasFlexbox, HasHoverable, HasFontWeight, HasFontSize, HasDepth, HasInitialClasses,
     HasInteractionHandlers, HasAllFocusHandlers, HasFilterStyle, HasBorder, HasVerticalAlign, HasTransform, HasOrientation,
-    HasContainer, HasWordBreak, HasZoom, HasGridLayout, HasResize, HasContentEditable {
+    HasContainer, HasWordBreak, HasZoom, HasGridLayout, HasResize, HasContentEditable, HasTruncate {
 
     private static JQueryElement window = null;
     private static JQueryElement body = null;
@@ -125,7 +125,7 @@ public Appender(Widget widget) {
     private FlexboxMixin<MaterialWidget> flexboxMixin;
     private ToggleStyleMixin<MaterialWidget> hoverableMixin;
     private CssNameMixin<MaterialWidget, FontWeight> fontWeightMixin;
-    private ToggleStyleMixin<MaterialWidget> truncateMixin;
+    private TruncateMixin<MaterialWidget> truncateMixin;
     private FilterStyleMixin<MaterialWidget> filterMixin;
     private BorderMixin<MaterialWidget> borderMixin;
     private DimensionMixin<MaterialWidget> dimensionMixin;
@@ -1065,15 +1065,15 @@ public String getFilterStyle() {
         return getFilterStyleMixin().getFilterStyle();
     }
 
-    /**
-     * If true the label inside this component will be truncated by ellipsis
-     **/
+
+    @Override
     public void setTruncate(boolean truncate) {
-        getTruncateMixin().setOn(truncate);
+        getTruncateMixin().setTruncate(truncate);
     }
 
+    @Override
     public boolean isTruncate() {
-        return getTruncateMixin().isOn();
+        return getTruncateMixin().isTruncate();
     }
 
     @Override
@@ -1880,9 +1880,9 @@ protected CssNameMixin<MaterialWidget, FontWeight> getFontWeightMixin() {
         return fontWeightMixin;
     }
 
-    public ToggleStyleMixin<MaterialWidget> getTruncateMixin() {
+    public TruncateMixin<MaterialWidget> getTruncateMixin() {
         if (truncateMixin == null) {
-            truncateMixin = new ToggleStyleMixin<>(this, CssName.TRUNCATE);
+            truncateMixin = new TruncateMixin<>(this);
         }
         return truncateMixin;
     }

gwt-material/src/main/java/gwt/material/design/client/base/mixin/TruncateMixin.java

@@ -0,0 +1,72 @@
+/*
+ * #%L
+ * GwtMaterial
+ * %%
+ * Copyright (C) 2015 - 2022 GwtMaterialDesign
+ * %%
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * #L%
+ */
+package gwt.material.design.client.base.mixin;
+
+import com.google.gwt.user.client.Element;
+import com.google.gwt.user.client.ui.HasText;
+import com.google.gwt.user.client.ui.Widget;
+import gwt.material.design.client.base.HasTruncate;
+import gwt.material.design.client.base.MaterialWidget;
+import gwt.material.design.client.constants.CssName;
+
+public class TruncateMixin<T extends MaterialWidget & HasTruncate> extends AbstractMixin<T> implements HasTruncate {
+
+    private ToggleStyleMixin<MaterialWidget> toggleStyleMixin;
+
+    public TruncateMixin(T uiObject) {
+        super(uiObject);
+    }
+
+    @Override
+    public void setTruncate(boolean truncate) {
+        getToggleStyleMixin().setOn(truncate);
+        checkEllipsis();
+    }
+
+    public void checkEllipsis() {
+        if (uiObject instanceof HasText) {
+            Element element = uiObject.getElement();
+            HasText hasText = (HasText) uiObject;
+            element.setAttribute("title", "");
+            uiObject.addMouseOverHandler(event -> {
+                if (!uiObject.getElement().hasAttribute("title")) return;
+                String text = hasText.getText();
+                boolean withEllipsis = element.getOffsetWidth() < element.getScrollWidth();
+                if (withEllipsis) {
+                    element.setAttribute("title", text);
+                }
+            });
+
+            uiObject.addMouseOutHandler(event -> element.setAttribute("title", ""));
+        }
+    }
+
+    @Override
+    public boolean isTruncate() {
+        return getToggleStyleMixin().isOn();
+    }
+
+    public ToggleStyleMixin<MaterialWidget> getToggleStyleMixin() {
+        if (toggleStyleMixin == null) {
+            toggleStyleMixin = new ToggleStyleMixin<>(uiObject, CssName.TRUNCATE);
+        }
+        return toggleStyleMixin;
+    }
+}