fix(toolbar): Don't close the floating toolbar when clicking in the link input

This is a bit of a quick and dirty fix, but fixes T3511
This commit is contained in:
Ben Gotow 2015-09-11 16:10:20 -07:00
parent 525e1419e3
commit 9bce73fb48

View file

@ -87,11 +87,12 @@ class FloatingToolbar extends React.Component
<div className="toolbar-new-link" <div className="toolbar-new-link"
onMouseEnter={@_onMouseEnter} onMouseEnter={@_onMouseEnter}
onMouseLeave={@_onMouseLeave}> onMouseLeave={@_onMouseLeave}>
<i className="fa fa-link preview-btn-icon"></i> <i className="fa fa-link preview-btn-icon" onClick={@_onPreventToolbarClose}></i>
<input type="text" <input type="text"
ref="urlInput" ref="urlInput"
value={@state.urlInputValue} value={@state.urlInputValue}
onBlur={@_saveUrl} onBlur={@_saveUrl}
onClick={@_onPreventToolbarClose}
onKeyPress={@_saveUrlOnEnter} onKeyPress={@_saveUrlOnEnter}
onChange={@_onInputChange} onChange={@_onInputChange}
className="floating-toolbar-input #{withRemove}" className="floating-toolbar-input #{withRemove}"
@ -102,6 +103,9 @@ class FloatingToolbar extends React.Component
{removeBtn} {removeBtn}
</div> </div>
_onPreventToolbarClose: (event) =>
event.stopPropagation()
_onMouseEnter: => _onMouseEnter: =>
@isHovering = true @isHovering = true
@props.onMouseEnter?() @props.onMouseEnter?()