fix(Text): Added default width of '100%' so ellipsis is shown if text…

… is overflowing
SAP · Nov 14, 2019 · ac24085 · ac24085
1 parent 8b11841
commit ac24085
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/main/src/components/Text/demo.stories.tsx b/packages/main/src/components/Text/demo.stories.tsx
@@ -8,7 +8,7 @@ export const renderStory = () => {
     <Text
       wrapping={boolean('wrapping', true)}
       renderWhitespace={boolean('renderWhitespace', false)}
-      width={text('width', '')}
+      width={text('width', '100%')}
     >
       Lorem ipsum dolor st amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
       magna aliquyam erat, sed diam voluptua.

diff --git a/packages/main/src/components/Text/index.tsx b/packages/main/src/components/Text/index.tsx
@@ -52,7 +52,7 @@ const Text: FC<TextProps> = forwardRef((props: TextProps, ref: Ref<HTMLSpanEleme
 Text.defaultProps = {
   renderWhitespace: false,
   wrapping: true,
-  width: null
+  width: '100%'
 };
 
 Text.displayName = 'Text';