Issue Summary

The text gets cut off when users try to access the page with text spacing styles turned on.

Steps to Reproduce

1. Open the “Confluence DC” page.
2. Navigate to "Search" input field present in header section.
3. Activate it and observe that modal dialog has been appeared on the screen.
4. Navigate to "Space" ,"Contributor" and "Label" comboboxes and enter any invalid input.
5. Try to access the content with text spacing styles turned on.
6. Observe that the text such as "We can't find anything matching your search" gets partially cut off.

Screenshot

Actual Result

The "We can't find anything matching your search" texts present in the ("Space" ,"Contributor" and "Label" comboboxes and enter any invalid input.) gets partially cut off making the words unreadable when users try to access the page with text spacing styles turned on.

This resulted in users with low vision and learning impairments finding it difficult to read the text.

Expected Result

When user styles are applied, text should be displayed as per the user styles to ensure that users can access the content with ease.

Define the text and container sizes using percent (%), em, and rem units. In addition, use relative units for defining CSS line height, letter spacing, and so on properties and ensure that the user's text spacing styles are not overridden.

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available.

Environment

MacBook Pro (16-inch, 2021)
macOs Monterey Version 12.3.1
Chrome - Version 101.0.4606.81 (Official Build) (64-bit)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.3 (17612.4.9.1.5)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest