mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-09-21 15:56:10 +08:00
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:
parent
525e1419e3
commit
9bce73fb48
|
@ -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?()
|
||||||
|
|
Loading…
Reference in a new issue