Checkbox Line Breaks

Recently the Checkbox component seems very fond of inserting line breaks very eagerly on desktop viewport widths. As so:

This should not happen of course. I’ve traced this down to a faulty css class being applied, namely:

.dcg-rich-text {white-space: pre-wrap;}

this class should be removed for desktop. could an Amplify engineer please have a look at this? It’s breaking a lot of things at the moment

Reported to our triage. Thank you!

Would you mind also providing what devices you’re seeing this on?

Desktop viewports. Chromebooks and windows, both running chromium based browsers.

Incidentally removing that css class fixes the problem.

1 Like