Merge pull request #85 from buildo/71-wrong_initial_height_when

#71: Wrong initial height when using StyledComponents (closes #71)

examples/Examples.md

@@ -17,6 +17,24 @@
 />
 ```
 
+#### Maximum height
+
+using `maxRows`
+```js
+<TextareaAutosize
+  maxRows={3}
+  defaultValue={'this\nis\na\nlong\ninitial\ntext'}
+/>
+```
+
+using `maxHeight`
+```js
+<TextareaAutosize
+  style={{ maxHeight: 100, boxSizing: 'border-box' }}
+  defaultValue={'this\nis\na\nlong\ninitial\ntext'}
+/>
+```
+
 #### Prefilled
 
 ```js

src/TextareaAutosize.tsx

@@ -63,13 +63,15 @@ export default class TextareaAutosize extends React.Component<TextareaAutosize.P
 
     if (typeof maxRows === 'number') {
       this.updateLineHeight();
-
-      // this trick is needed to force "autosize" to activate the scrollbar
-      setTimeout(() => autosize(this.textarea));
-    } else {
-      autosize(this.textarea);
     }
 
+    /*
+      the defer is needed to:
+        - force "autosize" to activate the scrollbar when this.props.maxRows is passed
+        - support StyledComponents (see #71)
+    */
+    setTimeout(() => autosize(this.textarea));
+
     if (onResize) {
       this.textarea.addEventListener(RESIZED, onResize as any);
     }