@syncfusion/ej2-inputs 25.2.3 → 25.2.6

package/dist/es6/ej2-inputs.es2015.js

@@ -448,6 +448,9 @@ var Input;
         if (args.properties.showClearButton) {
             unWireClearBtnEvents(args.element, button);
         }
+        if (!isNullOrUndefined(args.buttons)) {
+            _internalRipple(false, null, args.buttons);
+        }
         unwireFloatingEvents(args.element);
         if (!isNullOrUndefined(args.element)) {
             delete args.element.__eventHandlers;
@@ -554,6 +557,9 @@ var Input;
      * @param {HTMLElement} container - The parent element which is need to get the label span to calculate width
      */
     function calculateWidth(element, container, moduleName) {
+        if (moduleName !== 'multiselect' && !_isElementVisible(element)) {
+            return;
+        }
         const elementWidth = moduleName === 'multiselect' ? element : element.clientWidth - parseInt(getComputedStyle(element, null).getPropertyValue('padding-left'), 10);
         if (!isNullOrUndefined(container.getElementsByClassName('e-float-text-content')[0])) {
             if (container.getElementsByClassName('e-float-text-content')[0].classList.contains('e-float-text-overflow')) {
@@ -876,8 +882,8 @@ var Input;
         }
         else if (buttons.length > 0) {
             for (let index = 0; index < buttons.length; index++) {
-                buttons[parseInt(index.toString())].removeEventListener('mousedown', _onMouseDownRipple, this);
-                buttons[parseInt(index.toString())].removeEventListener('mouseup', _onMouseUpRipple, this);
+                buttons[parseInt(index.toString())].removeEventListener('mousedown', _onMouseDownRipple);
+                buttons[parseInt(index.toString())].removeEventListener('mouseup', _onMouseUpRipple);
             }
         }
     }
@@ -886,6 +892,22 @@ var Input;
             button.classList.add('e-input-btn-ripple');
         }
     }
+    function _isElementVisible(element) {
+        if (!element) {
+            return false;
+        }
+        // Check if the element or any of its parents are hidden using display: none
+        let currentElement = element;
+        while (currentElement && currentElement !== document.body) {
+            const style = window.getComputedStyle(currentElement);
+            if (style.display === 'none') {
+                return false;
+            }
+            currentElement = currentElement.parentElement;
+        }
+        // If none of the elements have display: none, the element is considered visible
+        return true;
+    }
     function _onMouseDownRipple() {
         // eslint-disable-next-line @typescript-eslint/no-this-alias
         const ele = this;
@@ -13393,6 +13415,7 @@ let TextBox = class TextBox extends Component {
         this.isForm = false;
         this.inputPreviousValue = null;
         this.isVue = false;
+        this.isReact = false;
         this.textboxOptions = options;
     }
     /**
@@ -13537,7 +13560,7 @@ let TextBox = class TextBox extends Component {
         if (this.element.tagName !== 'TEXTAREA') {
             this.element.setAttribute('type', this.type);
         }
-        if (this.type === 'text') {
+        if (this.type === 'text' || (this.element.tagName === 'INPUT' && this.multiline && this.isReact)) {
             this.element.setAttribute('role', 'textbox');
         }
         this.globalize = new Internationalization(this.locale);