       onChange: @onChange
       rows: 1
       style: _.extend( {padding: '4px 8px'}, (@props.style || {}), {height: @local.height} )
+      ref: 'input'
 
 
 window.CharacterCountTextInput = ReactiveComponent

                      padding: 2
                      border: '1px solid #aaa'
                      borderRadius: 3
                      backgroundColor: 'transparent'
                      display: if toolbar_horizontal then 'inline-block' else 'block'
                      marginBottom: 4
                    title: button.title

    @props.onChange?(e)
    @checkAndSetHeight()

  componentDidMount : -> 
    @checkAndSetHeight()
    if @props.focus_on_mount 
      @refs.input.getDOMNode().focus()

  componentDidUpdate : -> @checkAndSetHeight()

  checkAndSetHeight : ->
