title: How to change the height of textarea with content?
body: <p>I am trying to change the height of the textarea as per the content height. I see that the event handler doesn't change the height since it is getting overwritten by the bootstrap style. Please help!</p>
  
  <pre><code>class PostForm extends React.Component {
    constructor(props){
      super(props);
      this.state = {titleHeight: '30', storyHeight: 1};                                                    
      this.handleKeyUp = this.handleKeyUp.bind(this);
    }
    handleKeyUp(event){
      this.setState({titleHeight: document.getElementById('post_title').scrollHeight});
      this.setState({storyHeight: document.getElementById('post_story').scrollHeight});
    }
    render () {
          var csrfToken = $('meta[name=csrf-token]').attr('content');
          return (
            &lt;form action='create' method='post' acceptCharset='UTF-8' className= "form-group"&gt;
              &lt;input type='hidden' name='_method' value='patch'/&gt;
              &lt;input type='hidden' name='utf8' value='✓' /&gt;
              &lt;input type='hidden' name='authenticity_token' value={csrfToken} /&gt;
              &lt;textarea id="post_title" name="post[title]" className="form-control boldText" style={formStyle.textArea} height={this.state.titleHeight} onKeyUp={this.handleKeyUp} placeholder="Title"/&gt;
              &lt;textarea id="post_story" name="post[story]" className="form-control" style={formStyle.textArea} height={this.state.storyHeight} onKeyUp={this.handleKeyUp} placeholder="Start telling the story"/&gt;
              &lt;input name="commit" type="submit" value="Post" className="btn" style={formStyle.button}/&gt;
            &lt;/form&gt;
          );
    }
  }
  
  const formStyle = {
    textArea: {
      border: 5,
      boxShadow: 'none',
      margin: 5,
      overflow: 'hidden',
      resize: 'none',
      ariaHidden: 'true',
    },
    button: {
      backgroundColor: 'black',
      color: 'white',
      width: 70,
      marginLeft: 18,
      marginRight: 5,
    },
  }
  </code></pre>