@indigina/ui-kit 1.1.496 → 1.1.497

package/fesm2022/indigina-ui-kit.mjs

@@ -1649,6 +1649,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
 class KitTextareaAutoresizeDirective {
     constructor() {
         this.elementRef = inject(ElementRef);
+        this.previousValue = '';
     }
     onInput() {
         this.resize();
@@ -1658,10 +1659,34 @@ class KitTextareaAutoresizeDirective {
             this.resize();
         }
     }
+    ngDoCheck() {
+        const currentValue = this.elementRef.nativeElement.value;
+        if (currentValue !== this.previousValue) {
+            this.previousValue = currentValue;
+            this.resize();
+        }
+    }
     resize() {
-        this.elementRef.nativeElement.style.height = '0';
-        const scrollHeight = this.elementRef.nativeElement.scrollHeight;
-        this.elementRef.nativeElement.style.height = `${scrollHeight}px`;
+        const el = this.elementRef.nativeElement;
+        const scrollableParent = this.getScrollableParent(el);
+        const savedScrollTop = scrollableParent?.scrollTop ?? 0;
+        el.style.height = '0';
+        const scrollHeight = el.scrollHeight;
+        el.style.height = `${scrollHeight}px`;
+        if (scrollableParent) {
+            scrollableParent.scrollTop = savedScrollTop;
+        }
+    }
+    getScrollableParent(el) {
+        let parent = el.parentElement;
+        while (parent) {
+            const overflowY = globalThis.window.getComputedStyle(parent).overflowY;
+            if (overflowY === 'auto' || overflowY === 'scroll') {
+                return parent;
+            }
+            parent = parent.parentElement;
+        }
+        return document.scrollingElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitTextareaAutoresizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: KitTextareaAutoresizeDirective, isStandalone: true, selector: "[autoresize]", host: { listeners: { ":input": "onInput()" } }, ngImport: i0 }); }