@annalib/anna-core 22.0.2 → 22.0.3

package/fesm2020/annalib-anna-core.mjs

@@ -218,21 +218,23 @@ class showEllipsisTextOnHoverDirective {
         this.elementRef = elementRef;
     }
     onMouseEnter() {
-        const element = this.elementRef.nativeElement;
-        if (element.offsetWidth < element.scrollWidth || this.checkRanges(element)) {
-            element.title = (element.textContent == "") ? element.value : element.textContent;
-        }
-        else if (element.title)
-            element.removeAttribute('title');
-    }
-    checkRanges(el) {
-        const range = new Range();
-        range.selectNodeContents(el);
-        const range_rect = range.getBoundingClientRect();
-        const el_rect = el.getBoundingClientRect();
-        let paddingOnRight = window.getComputedStyle(el).paddingRight;
+        let domElement = this.elementRef.nativeElement;
+        if (domElement.offsetWidth < domElement.scrollWidth || this.checkPositionsInDecimals(domElement)) {
+            domElement.title = (domElement.textContent == "") ? domElement.value : domElement.textContent;
+        }
+        else if (domElement.title)
+            domElement.removeAttribute('title');
+    }
+    checkPositionsInDecimals(domElement) {
+        // if we don't have any children element Then we can't calculate and compare anything so we are returning false from here
+        if (!domElement.children || (domElement.children && domElement.children.length == 0))
+            return false;
+        let elementRect = domElement.getBoundingClientRect();
+        let childRect = domElement.children[0].getBoundingClientRect();
+        let paddingOnRight = window.getComputedStyle(domElement).paddingRight;
         let padding = +(paddingOnRight.endsWith("px") ? paddingOnRight.slice(0, -2) : paddingOnRight);
-        return (range_rect.right + padding) > el_rect.right;
+        // If overflow happens then Child element's right side position will be greater than container element's right side position.
+        return (childRect.right + padding) > elementRect.right;
     }
 }
 showEllipsisTextOnHoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: showEllipsisTextOnHoverDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
@@ -4089,11 +4091,10 @@ class AnnaNonEditableGenericTableComponent {
     }
     changesMadeInEditableInputBox(event, editedObject, pasteEvent) {
         let enteredValue = pasteEvent ? event.clipboardData.getData('text') : event.key;
-        let dotIndex = editedObject.value.indexOf(".");
-        if (event.keyCode != 8 && event.keyCode != 46 && !(event.keyCode >= 37 && event.keyCode <= 40) &&
+        if (event.keyCode != 8 && !(event.keyCode >= 37 && event.keyCode <= 40) &&
             (!editedObject?.allowSpecialCharacters && !(/[`0-9.]/.test(enteredValue)) ||
-                (editedObject.isDecimalPointCheckRequired && dotIndex >= 0
-                    && ((event?.target?.selectionStart > dotIndex) && (editedObject.value.length - ((dotIndex) + 1)) >= editedObject.maxDecimalPointsAllowed)))) {
+                (editedObject.isDecimalPointCheckRequired && editedObject.value.indexOf(".") >= 0
+                    && ((editedObject.value.length - ((editedObject.value.indexOf(".")) + 1)) >= editedObject.maxDecimalPointsAllowed)))) {
             event.preventDefault();
         }
     }