diff --git a/components/forms/input/inline.jsx b/components/forms/input/inline.jsx index 060268e33f..06c5e78a15 100644 --- a/components/forms/input/inline.jsx +++ b/components/forms/input/inline.jsx @@ -99,6 +99,7 @@ const defaultProps = { class InlineEdit extends React.Component { constructor (props) { super(props); + this.state = { isEditing: false, value: null, @@ -115,6 +116,13 @@ class InlineEdit extends React.Component { } } + handleCloseBtnClick = () => { + this.endEditMode(); + setTimeout(() => { + this.editButtonRef.focus(); + }, 100); + }; + endEditMode = (option) => { if (this.willSave) { clearTimeout(this.willSave); @@ -212,8 +220,8 @@ class InlineEdit extends React.Component { category="utility" name="close" position="right" - onClick={this.endEditMode} - tabIndex="-1" + onBlur={this.handleBlur} + onClick={this.handleCloseBtnClick} /> ) : null } @@ -221,6 +229,9 @@ class InlineEdit extends React.Component { inlineEditTrigger={