Clarifies editor example, changes height to min-height (#1889)

aforismesen · facebook-github-bot · commit d704edd8da81 · 2018-10-04T16:06:42.000-07:00
Summary: **Summary** Clarifies editor example, explaining how to use CSS selectors from the Draft.css stylesheet, changes `height` to `min-height` in example. **Test Plan** Tests on CodeSandbox: https://codesandbox.io/s/9y5162ryj4 Pull Request resolved: facebookarchive/draft-js#1889 Differential Revision: D10207706 fbshipit-source-id: cf3a6eb659f486ec9a0d6e64018478b113c20922
diff --git a/README.md b/README.md
@@ -79,7 +79,7 @@ class MyEditor extends React.Component {
 const styles = {
   editor: {
     border: '1px solid gray',
-    height: '6em'
+    minHeight: '6em'
   }
 };
 
@@ -89,6 +89,8 @@ ReactDOM.render(
 );
 ```
 
+Note that the editor itself is only as tall as its contents. In order to give users a visual cue, we recommend setting a border and a minimum height via the `.DraftEditor-root` CSS selector, or using a wrapper div like in the above example.
+
 Because Draft.js supports unicode, you must have the following meta tag in the `<head>` `</head>` block of your HTML file:
 
 ```html
