Replacing menu "word-break: break-all" with "break-word" (#2173)

Author: LFDanLu

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 {

packages/@react-spectrum/picker/stories/Picker.stories.tsx

@@ -57,9 +57,9 @@ storiesOf('Picker', module)
     'default',
     () => (
       <Picker label="Test" onSelectionChange={action('selectionChange')}>
-        <Item key="One">One</Item>
-        <Item key="Two">Two</Item>
-        <Item key="Three">Three</Item>
+        <Item key="rarely">Short</Item>
+        <Item key="sometimes">Normal</Item>
+        <Item key="always">This item is very long and word wraps poorly</Item>
       </Picker>
     )
   )
@@ -305,6 +305,7 @@ storiesOf('Picker', module)
         <Item key="underscores">your_text_here_long_long_long_long</Item>
         <Item key="hyphens">your-text-here-long-long-long-long</Item>
         <Item key="singleWord">supercalifragilisticexpialidocious</Item>
+        <Item key="always">This item is very long and word wraps poorly</Item>
       </Picker>
     )
   )

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;