@syncfusion/ej2-inputs 29.1.34 → 29.1.39

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

@@ -1813,7 +1813,9 @@ let NumericTextBox = class NumericTextBox extends Component {
             }
         }
         this.inputValue = value;
-        this.changeValue(value === null || isNaN(value) ? null : this.strictMode ? this.trimValue(value) : value);
+        if (!(this.isVue && this.element && this.element.hasAttribute('modelvalue') && this.isDynamicChange)) {
+            this.changeValue(value === null || isNaN(value) ? null : this.strictMode ? this.trimValue(value) : value);
+        }
         /* istanbul ignore next */
         if (!this.isDynamicChange) {
             this.raiseChangeEvent(event);
@@ -14616,6 +14618,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 +14828,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 +14845,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('');