JSONSchemaForm Text Area Height

App Building
1

Goal:

Configure the height of ui:widget:'textarea'

Steps:

Add component JSONSchemaForm,
Create a field called notes

JSON Schema

{
  "type": "object",
  "properties": {
    "notes": {
      "type": "string",
      "title": "Notes",
    }
  }
}

UI Schema

{
  "notes": {
    "ui:options": {
      "widget": "textarea",
      "rows": 5,
    },
  },
}

Observation: The notes field has the textarea handle on the bottom right corner, but the height is ignored.

Details:

Textarea row height does not appear to be honored.
The documentation suggests that this is possible.

image
image1007×444 44.9 KB

  • Screenshots:

image
image1307×363 27.2 KB

2

Thanks for reaching out! I'm seeing the same issue :disappointed: I don't have a timeline for this one, but I'll reach out here when our team is able to ship a fix