@syncfusion/ej2-inputs 29.1.34 → 29.1.38

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

@@ -14915,6 +14915,9 @@ var TextArea = /** @__PURE__ @class */ (function (_super) {
         }
         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);
@@ -15124,14 +15127,16 @@ var TextArea = /** @__PURE__ @class */ (function (_super) {
      */
     TextArea.prototype.setWrapperWidth = function () {
         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)) {
@@ -15139,6 +15144,18 @@ var TextArea = /** @__PURE__ @class */ (function (_super) {
             }
         }
     };
+    TextArea.prototype.onMouseMove = function () {
+        var _this = this;
+        if (this.textareaWrapper.container.style.width !== 'auto') {
+            var initialWidth_1 = this.element.style.width;
+            setTimeout(function () {
+                var currentWidth = _this.element.style.width;
+                if (initialWidth_1 !== currentWidth) {
+                    _this.textareaWrapper.container.style.width = 'auto';
+                }
+            }, 5);
+        }
+    };
     TextArea.prototype.resetForm = function () {
         if (this.isAngular) {
             this.resetValue('');