Fixes 2 issues with Dialog closing
+ Upload Confirmation dialog would just change focus on ESC and not close + Keywords Dialog in UserSettings would also close UserSettings because event bubbled up
This commit is contained in:
parent
ceb71a4ef6
commit
78e7272344
1 changed files with 7 additions and 1 deletions
|
@ -57,6 +57,12 @@ export default React.createClass({
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
// Don't let key down events get any further, so they only trigger this and nothing more
|
||||||
|
_onKeyDown: function(e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
e.preventDefault();
|
||||||
|
},
|
||||||
|
|
||||||
// Must be when the key is released (and not pressed) otherwise componentWillUnmount
|
// Must be when the key is released (and not pressed) otherwise componentWillUnmount
|
||||||
// will focus another element which will receive future key events
|
// will focus another element which will receive future key events
|
||||||
_onKeyUp: function(e) {
|
_onKeyUp: function(e) {
|
||||||
|
@ -81,7 +87,7 @@ export default React.createClass({
|
||||||
const TintableSvg = sdk.getComponent("elements.TintableSvg");
|
const TintableSvg = sdk.getComponent("elements.TintableSvg");
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div onKeyUp={this._onKeyUp} className={this.props.className}>
|
<div onKeyDown={this._onKeyDown} onKeyUp={this._onKeyUp} className={this.props.className}>
|
||||||
<AccessibleButton onClick={this._onCancelClick}
|
<AccessibleButton onClick={this._onCancelClick}
|
||||||
className="mx_Dialog_cancelButton"
|
className="mx_Dialog_cancelButton"
|
||||||
>
|
>
|
||||||
|
|
Loading…
Reference in a new issue