Issue Summary

The text present in the tooltip gets cut off when text spacing styles are applied.

Steps to Reproduce

1. Open the "Scrum board" page.
2. Try to access the page content with text spacing styles turned on.
3. Hover over the "# days remaining" text to access the tooltip.
4. Observe that the content of the toggle tip gets cut off.

Screenshot

Actual Results

Some portion of the words "Projected end date...." gets cut off making those 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 Results

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 behaviour. A workaround will be added here when available

Environment

MacBook Pro (16-inch, 2021)
macOs Sonoma 14.3
Chrome - Version 120.0.6099.109 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit) 
Safari- Version 17.3 (19617.2.4.11.8)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest