Skip to content

[OUDS] Improve .is-required star display on select input and text area #3619

Description

@MaxLardenois

Prerequisites

Describe the issue

Right now is-required markers are not visible when the label is longer than the input Image
This is also true for select inputs

This is due to the fact that the label is absolutely positionned and we cannot use the position: relative like in text input.

Investigation ideas: (no idea if these would work):

  • use a child container to support the "position: relative"
  • use container queries to set the rightproperty of the marker only when the label spans the whole input (using container query units?)

Reduced test cases

See before

What operating system(s) are you seeing the problem on?

macOS

What browser(s) are you seeing the problem on?

Firefox

What version of Boosted are you using?

v1.3.0

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    Fields

    No fields configured for Bug.

    Projects

    Status
    Triage

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions