hyphen:auto can cause unexpected character wrapping
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
https://github.com/adobe/spectrum-css/blob/956a066a845fbb14ae0af3c19c64667ee99dc985/components/menu/index.css#L607
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
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
@yloubry Does the popover where this is occurring have a set width?
I believe it does yes. But not sure. I only notice that this CSS when active was creating the issue mentioned in this bug