diff --git a/packages/@adobe/spectrum-css-temp/components/menu/index.css b/packages/@adobe/spectrum-css-temp/components/menu/index.css index 9fd32a36c23..8b5fa4a638e 100644 --- a/packages/@adobe/spectrum-css-temp/components/menu/index.css +++ b/packages/@adobe/spectrum-css-temp/components/menu/index.css @@ -110,7 +110,7 @@ governing permissions and limitations under the License. .spectrum-Menu-itemLabel { grid-area: text; line-height: var(--spectrum-global-font-line-height-small); - word-break: break-all; + word-break: break-word; } .spectrum-Menu-itemLabel--wrapping { diff --git a/packages/@react-spectrum/picker/stories/Picker.stories.tsx b/packages/@react-spectrum/picker/stories/Picker.stories.tsx index 03734ffa80b..a0ae70d8723 100644 --- a/packages/@react-spectrum/picker/stories/Picker.stories.tsx +++ b/packages/@react-spectrum/picker/stories/Picker.stories.tsx @@ -57,9 +57,9 @@ storiesOf('Picker', module) 'default', () => ( - One - Two - Three + Short + Normal + This item is very long and word wraps poorly ) ) @@ -305,6 +305,7 @@ storiesOf('Picker', module) your_text_here_long_long_long_long your-text-here-long-long-long-long supercalifragilisticexpialidocious + This item is very long and word wraps poorly ) ) diff --git a/packages/dev/docs/src/syntax-highlight.css b/packages/dev/docs/src/syntax-highlight.css index 4775ff06b85..9eb02a8864a 100644 --- a/packages/dev/docs/src/syntax-highlight.css +++ b/packages/dev/docs/src/syntax-highlight.css @@ -122,7 +122,7 @@ text-align: left; word-spacing: normal; - word-break: break-all; + word-break: break-word; line-height: 1.5; -moz-tab-size: 4;