cauldron icon indicating copy to clipboard operation
cauldron copied to clipboard

Bug: "Required" label of text field wraps when label is too long (text-only zoom)

Open yhafez opened this issue 2 years ago • 1 comments

Steps to reproduce

Find a text field with a "required" attribute in a sufficiently narrow container. Increase text-only zoom to 200% and reduce viewport width.

Expected Behavior

Label and "required" label do not wrap

Actual Behavior

The word "required" wraps, breaking at individual letters.

Version

5.6.2

What browsers are you experiencing the problem on?

Chrome

Relevant log output

No response

Anything else we should know?

Additional information

Screenshot: Screenshot 2023-07-29 at 7 18 36 PM

yhafez avatar Jul 31 '23 19:07 yhafez

Potential solution: Use container query to layout the field in a different way that makes it work in smaller container sizes.

scurker avatar Aug 01 '23 18:08 scurker