hyphen:auto can cause unexpected character wrapping

[yloubry]

Description

The use of hyphen:auto in .spectrum-Menu-itemDescription is causing text to wrap where it would otherwise get enough space to be displayed.
See -> https://jira.corp.adobe.com/browse/CCEX-114347

spectrum-css/components/menu/index.css

Line 607 in 956a066

.spectrum-Menu-itemDescription {

Steps to reproduce

Please follow instruction from CCEX bug above using "French" locale

Expected behavior

No hyphen char break should be imposed to item list

Screenshots

Environment

• Version of the impacted component(s):
• Browser(s) and OS(s):

Additional context

[pfulton]

Thanks @yloubry! We're tracking this in Jira here: https://jira.corp.adobe.com/browse/CSS-799 - it's slated to be worked on in our next sprint which begins on Monday, June 17

[najikahalsema]

@yloubry Does the popover where this is occurring have a set width?

[yloubry]

I believe it does yes. But not sure. I only notice that this CSS when active was creating the issue mentioned in this bug