[APM] Update query input when url changes (#43773)

Closes #42135.
elastic · Aug 23, 2019 · 0150c8e · 0150c8e
1 parent efb27e4
commit 0150c8e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/x-pack/legacy/plugins/apm/public/components/shared/KueryBar/Typeahead/index.js b/x-pack/legacy/plugins/apm/public/components/shared/KueryBar/Typeahead/index.js
@@ -26,13 +26,15 @@ export class Typeahead extends Component {
     isSuggestionsVisible: false,
     index: null,
     value: '',
-    inputIsPristine: true
+    initialValue: ''
   };
 
   static getDerivedStateFromProps(props, state) {
-    if (state.inputIsPristine && props.initialValue) {
+    const { initialValue } = props;
+    if (initialValue && initialValue !== state.initialValue) {
       return {
-        value: props.initialValue
+        value: initialValue,
+        initialValue
       };
     }
 
@@ -125,7 +127,6 @@ export class Typeahead extends Component {
     const hasValue = Boolean(value.trim());
     this.setState({
       value,
-      inputIsPristine: false,
       isSuggestionsVisible: hasValue,
       index: null
     });

diff --git a/x-pack/legacy/plugins/apm/public/components/shared/KueryBar/index.tsx b/x-pack/legacy/plugins/apm/public/components/shared/KueryBar/index.tsx
@@ -188,7 +188,7 @@ export function KueryBar() {
         return;
       }
 
-      history.replace({
+      history.push({
         ...location,
         search: fromQuery({
           ...toQuery(location.search),