Skip to content

InputControl (and all components using InputControl) label alignment is broken  #30026

@grzim

Description

@grzim

Description

As shown in the screenshot (from storybook), the SelectControl component does not render the label with regard to the selected label position. No matter which position is set it always displays the label on the left side

Step-by-step reproduction instructions

  1. Go to storybook
  2. Find InputControl or any other component using InputControl (i.e. SelectControl component story/components-selectcontrol--default)
  3. Change the labelPosition property and see that the label remains in the same position

Expected behaviour

Label positioning should change according to labelPosition property

Actual behaviour

label remains in the same position

Screenshots or screen recording (optional)

image

Code snippet (optional)

WordPress information

  • Gutenberg version: 10.0.0-rc.1

Device information

  • Device: MacBook
  • Operating system: MacOS Big Sur
  • Browser: Chrome 89.0

Metadata

Metadata

Assignees

Labels

[Feature] UI ComponentsImpacts or related to the UI component system[Status] In ProgressTracking issues with work in progress[Type] BugAn existing feature does not function as intended

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions