Wrap label?

[jaxnz]

I am building a web app, that requires a public form to be accessed by mobile. I have created a Textarea using FormBuilderTextField but my label is too long on mobile, and goes outside the field:

I have already shrunk the text using:

InputDecoration(
          labelStyle: TextStyle(fontSize: textSize),
),

I understand this may be a flaw in InputDecoration, but is this possible to fix?

[danvick]

Hi @jaxnz,
This is a sound suggestion, I've had issues with this myself.

However, this would not be possible without overriding the whole InputDecoration class. This is because overflow: TextOverflow.ellipsis is hard-coded in InputDecoration class.

The only suggestion I can think of at this time is making your own Text label, and leave the decoration option empty. Like so:

Text(
  "What are your first impressions of our center?",
  style: Theme.of(context).inputDecorationTheme.labelStyle,
),
FormBuilderTextField(
  attribute: "text_field",
),

It will not work exactly as the InputDecoration label but at least the whole label will be visible.