Skip to content

Label on large text field is vertically centered #1621

@kium-one

Description

@kium-one

Has your issue been reported?

  • I have searched the existing issues and confirm it has not been reported.
  • I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

When adding a label to a text field that's multi-line, the label is vertically centered, which breaks the affordance of the standard input field pattern and makes it confusing to users because it doesn't look like an input field anymore.

Expected Behavior

Label should be top aligned.

Steps to Reproduce

  1. Create a text field
  2. Add a label

Reproducible from Blank

  • The steps to reproduce above start from a blank project.

Bug Report Code (Required)

IT4siPHq2ItPxOEA0LrUbPl7/TksQm4+RoIKscpFcxQcB4jZP4kQfPfQP0xvTuGqS39HPmCcp14H+Mrpk/HtO/ddOSmdG6JjyM9QYA7KUlG5VbGTF7mSOmgkBcVTGX2M5LWvsBVCXPhqS3gk2lOYNfK8QjTACYDsDVQ8Sq/LZO4=

Context

Creating text fields

Visual documentation

image

Additional Info

No response

Environment

- FlutterFlow version: 4.0 Sep 28
- Platform: Chrome
- Browser name and version: Chrome version 117.0.5938.132
- Operating system and version affected:

Metadata

Metadata

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions