MEMO edit height bug fix

velopert · velopert · commit dcb0f74bb76e · 2016-08-05T23:17:36.000+09:00
diff --git a/src/components/Memo.js b/src/components/Memo.js
@@ -45,6 +45,11 @@ class Memo extends React.Component {
         $('#dropdown-button-'+this.props.data._id).dropdown({
             belowOrigin: true // Displays dropdown below the button
         });
+
+        if(this.state.editMode) {
+            // Trigger key up event to the edit input so that it auto-resizes (Materializecss Feature)
+            $(this.input).keyup();
+        }
     }
 
     toggleEdit() {
@@ -132,6 +137,7 @@ class Memo extends React.Component {
                 <div className="card">
                     <div className="card-content">
                         <textarea
+                            ref={ ref => { this.input = ref; } }
                             className="materialize-textarea"
                             value={this.state.value}
                             onChange={this.handleChange}></textarea>
