fix(comp:textarea,pro:textarea): scrollHeight miscalculated on firefox

IDuxFE · Nov 18, 2022 · c61d7b2 · c61d7b2
1 parent 67698a9
commit c61d7b2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/packages/components/textarea/src/composables/useAutoRows.ts b/packages/components/textarea/src/composables/useAutoRows.ts
@@ -64,6 +64,9 @@ export function useAutoRows(
   function getTextareaScrollHeight() {
     return measureTextarea(textareaRef.value!, textarea => {
       textarea.value = textareaRef.value!.value
+
+      // trigger reflow to ensure scrollHeight is calculated when referenced
+      void textarea.scrollHeight
       return getHeightByScrollHeight(textarea.scrollHeight, boxSizingData.value)
     })
   }
@@ -82,6 +85,9 @@ export function useAutoRows(
       measureTextarea(textareaRef.value!, textarea => {
         textarea.style.height = ''
         textarea.value = textarea.placeholder
+
+        // trigger reflow to ensure scrollHeight is calculated when referenced
+        void textarea.scrollHeight
         cachedPlaceholderHeight = getHeightByScrollHeight(textarea.scrollHeight, boxSizingData.value)
       })
     }

diff --git a/packages/pro/textarea/src/composables/useRowsCounts.ts b/packages/pro/textarea/src/composables/useRowsCounts.ts
@@ -29,6 +29,9 @@ export function useRowCounts(
           textarea,
           el => {
             el.value = line || 'x'
+
+            // trigger reflow to ensure scrollHeight is calculated when referenced
+            void el.scrollHeight
             return Math.round((el.scrollHeight - paddingSize) / lineHeight.value)
           },
           true,