mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
Use react's onKeyDown event on the input instead of event listener on document
This commit is contained in:
parent
cdcc316310
commit
1ffac5a33d
@ -47,7 +47,7 @@ export class VizTypePicker extends PureComponent<Props, State> {
|
||||
});
|
||||
};
|
||||
|
||||
onKeydown = (evt: KeyboardEvent) => {
|
||||
onKeyDown = evt => {
|
||||
if (evt.key === 'ArrowDown') {
|
||||
evt.preventDefault();
|
||||
this.goRight();
|
||||
@ -66,12 +66,6 @@ export class VizTypePicker extends PureComponent<Props, State> {
|
||||
setTimeout(() => {
|
||||
this.searchInput.focus();
|
||||
}, 300);
|
||||
|
||||
document.addEventListener('keydown', this.onKeydown);
|
||||
}
|
||||
|
||||
componentWillUnmount() {
|
||||
document.removeEventListener('keydown', this.onKeydown);
|
||||
}
|
||||
|
||||
getPanelPlugins(filter): PanelPlugin[] {
|
||||
@ -138,6 +132,7 @@ export class VizTypePicker extends PureComponent<Props, State> {
|
||||
placeholder=""
|
||||
ref={elem => (this.searchInput = elem)}
|
||||
onChange={this.onSearchQueryChange}
|
||||
onKeyDown={this.onKeyDown}
|
||||
/>
|
||||
<i className="gf-form-input-icon fa fa-search" />
|
||||
</label>
|
||||
|
Loading…
Reference in New Issue
Block a user