spectrum-css icon indicating copy to clipboard operation
spectrum-css copied to clipboard

hyphen:auto can cause unexpected character wrapping

Open yloubry opened this issue 1 year ago • 3 comments

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

image

Environment

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

Additional context

yloubry avatar Jun 12 '24 23:06 yloubry

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

pfulton avatar Jun 13 '24 20:06 pfulton

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

najikahalsema avatar Aug 26 '24 17:08 najikahalsema

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

yloubry avatar Sep 03 '24 04:09 yloubry