Merge pull request #13530 from grafana/davkal/13485-cursor-suggestions
Explore: reset typeahead on cursor move
This commit is contained in:
@@ -179,15 +179,21 @@ class QueryField extends React.PureComponent<TypeaheadFieldProps, TypeaheadField
|
|||||||
}
|
}
|
||||||
|
|
||||||
onChange = ({ value }) => {
|
onChange = ({ value }) => {
|
||||||
const changed = value.document !== this.state.value.document;
|
const textChanged = value.document !== this.state.value.document;
|
||||||
|
|
||||||
|
// Control editor loop, then pass text change up to parent
|
||||||
this.setState({ value }, () => {
|
this.setState({ value }, () => {
|
||||||
if (changed) {
|
if (textChanged) {
|
||||||
this.handleChangeValue();
|
this.handleChangeValue();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
if (changed) {
|
// Show suggest menu on text input
|
||||||
|
if (textChanged && value.selection.isCollapsed) {
|
||||||
|
// Need one paint to allow DOM-based typeahead rules to work
|
||||||
window.requestAnimationFrame(this.handleTypeahead);
|
window.requestAnimationFrame(this.handleTypeahead);
|
||||||
|
} else {
|
||||||
|
this.resetTypeahead();
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user