@syncfusion/ej2-inputs 29.1.34 → 29.1.38

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

@@ -14616,6 +14616,9 @@ let TextArea = class TextArea extends Component {
         }
         this.element.value = this.element.defaultValue;
         this.element.classList.remove('e-input', RESIZE_X, RESIZE_Y, RESIZE_XY, RESIZE_NONE);
+        if (this.textareaWrapper.container.style.width.includes('%')) {
+            EventHandler.remove(this.element, 'mousemove', this.onMouseMove);
+        }
         this.removeAttributes(['aria-disabled', 'aria-readonly', 'aria-labelledby', 'aria-multiline']);
         if (!isNullOrUndefined(this.textareaWrapper)) {
             this.textareaWrapper.container.insertAdjacentElement('afterend', this.element);
@@ -14823,14 +14826,16 @@ let TextArea = class TextArea extends Component {
      */
     setWrapperWidth() {
         if (this.enabled && ((this.resizeMode !== 'None' && this.resizeMode !== 'Vertical') || (this.cols || this.element.getAttribute('cols')))) {
-            if (this.resizeMode !== 'None' && this.resizeMode !== 'Vertical') {
-                if (this.textareaWrapper.container.style.width) {
-                    this.setElementWidth(this.textareaWrapper.container.style.width);
-                    this.textareaWrapper.container.style.width = '';
-                    this.textareaWrapper.container.classList.add(AUTO_WIDTH);
-                }
+            if (this.resizeMode !== 'None' && this.resizeMode !== 'Vertical' && !this.textareaWrapper.container.style.width.includes('%')) {
+                this.setElementWidth(this.textareaWrapper.container.style.width);
+            }
+            if (!this.textareaWrapper.container.style.width.includes('%')) {
+                this.textareaWrapper.container.classList.add(AUTO_WIDTH);
+                this.textareaWrapper.container.style.width = '';
+            }
+            if (this.textareaWrapper.container.style.width.includes('%')) {
+                EventHandler.add(this.element, 'mousemove', this.onMouseMove, this);
             }
-            this.textareaWrapper.container.classList.add(AUTO_WIDTH);
         }
         else {
             if (this.textareaWrapper.container.classList.contains(AUTO_WIDTH)) {
@@ -14838,6 +14843,17 @@ let TextArea = class TextArea extends Component {
             }
         }
     }
+    onMouseMove() {
+        if (this.textareaWrapper.container.style.width !== 'auto') {
+            const initialWidth = this.element.style.width;
+            setTimeout(() => {
+                const currentWidth = this.element.style.width;
+                if (initialWidth !== currentWidth) {
+                    this.textareaWrapper.container.style.width = 'auto';
+                }
+            }, 5);
+        }
+    }
     resetForm() {
         if (this.isAngular) {
             this.resetValue('');