[6.x] Fix Textarea component resize (#13788)

Author: joshuablum

resources/js/components/ui/Textarea.vue

@@ -47,11 +47,17 @@ const classes = cva({
 const textarea = useTemplateRef('textarea');
 
 onMounted(() => {
-    autosize(textarea.value);
-    setTimeout(() => nextTick(() => autosize.update(textarea.value)), 1);
+    if (props.elastic) {
+        autosize(textarea.value);
+        setTimeout(() => nextTick(() => autosize.update(textarea.value)), 1);
+    }
 });
 
-onBeforeUnmount(() => autosize.destroy(textarea.value));
+onBeforeUnmount(() => {
+    if (props.elastic) {
+        autosize.destroy(textarea.value);
+    }
+});
 </script>
 
 <template>

resources/js/stories/Textarea.stories.ts

@@ -108,9 +108,9 @@ export const _Placeholder: Story = {
 };
 
 const resizeCode = `
+<Textarea resize="horizontal" rows="1" placeholder="Resize horizontal"/>
 <Textarea resize="vertical" rows="1" placeholder="Resize vertical"/>
 <Textarea resize="both" rows="1" placeholder="Resize both"/>
-<Textarea resize="horizontal" rows="1" placeholder="Resize horizontal"/>
 <Textarea resize="none" rows="1" placeholder="Resize none"/>
 `;