TextArea autosize not working | Mantine | Page 1

past wadi Feb 25, 2025, 7:49 PM

#

I am using a <TextArea> inside a useForm and using setValues to update the text area value in specific situtations:

<Textarea
  withAsterisk={true}
  autosize={true}
  disabled={isPending}
  label={t('form.fields.instructions.label')}
  key={form.key('instructions')}
  {...form.getInputProps('instructions')}
/>

For some reason the autosize is not working + no scrollbar is shown (check attachted screenshot). I can go down using arrow down but's far from optimal. Any idea what I am doing wrong?

past wadi Feb 25, 2025, 10:25 PM

#

Example can be found here: https://stackblitz.com/edit/sb1-mg7btipy. Clicking on fill add's text but the textarea doesn't grow. Could be missing something.

lunar heath Feb 26, 2025, 10:29 AM

#

past wadi Example can be found here: https://stackblitz.com/edit/sb1-mg7btipy. Clicking on...

You've set maxRows={4}, it does not grow above 4 max rows that you've specified.

#TextArea autosize not working