Fix/712 fix scrolling (#791)

* Implemented requestAnimationFrame to restore scroll position and focus
deven-org · Jan 19, 2024 · 6d6e97a · 6d6e97a
1 parent 203e1eb
commit 6d6e97a
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/packages/ui-library/src/components/forms/textarea/index.ts b/packages/ui-library/src/components/forms/textarea/index.ts
@@ -63,10 +63,28 @@ export class BlrTextarea extends LitElement {
   }
 
   protected updateCounter() {
+    const scrollTop = this.textareaElement?.scrollTop;
+    const isFocused = this.textareaElement === document.activeElement;
+
     const length = this.textareaElement?.value?.length;
     if (length !== undefined) {
       this.count = length;
     }
+
+    const shouldUpdateTextarea = this.textareaElement && scrollTop !== undefined;
+
+    if (shouldUpdateTextarea) {
+      requestAnimationFrame(() => {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-expect-error
+        this.textareaElement.scrollTop = scrollTop;
+        if (isFocused) {
+          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+          // @ts-expect-error
+          this.textareaElement.focus();
+        }
+      });
+    }
   }
 
   protected determinateCounterVariant(): CounterVariantType {