Can we set height of textarea?

Duckinm

2 years ago

1 3

• Selected Answer
  

  jmikrut

  Payload Team

  2 years ago

  Hey @Duckinm —

  You can set the height of a textarea like this:

  const textareaField = {
    name: 'yourFieldHere',
    type: 'textarea',
    admin: {
      rows: 10, // set however many rows you want the textarea to appear with
    }
  }

  Also, from your screenshot, it looks like when you resized your textarea, you dragged it behind the field to the right, which is no longer clickable / resizable because that field is sitting on top of your actual clickable textarea handle. Maybe a good future option would be for us to add a field property to textareas that disables resizing.

  What do you think?

• 

  Duckinm

  2 years ago

  One more, Did "textarea" are being broke right now? After mouse drag is ended, I can't drag it again.

  

• 

  Duckinm

  2 years ago

  Great! The answer really helpful and the resize:none would be also nice. Keep it up good works!

  …

  On 2 Aug 2564 BE 9:21 PM +0700, James Mikrut ***@***.***>, wrote: Hey @Duckinm — You can set the height of a textarea like this: const textareaField = { name: 'yourFieldHere', type: 'textarea', admin: { rows: 10, // set however many rows you want the textarea to appear with } } Also, from your screenshot, it looks like when you resized your textarea, you dragged it behind the field to the right, which is no longer clickable / resizable because that field is sitting on top of your actual clickable textarea handle. Maybe a good future option would be for us to add a field property to textareas that disables resizing. What do you think? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or unsubscribe.