[TSVB] Fields lists do not populate all the times (elastic#85530)

Author: alexwizp

src/plugins/vis_type_timeseries/public/application/components/vis_editor.js

@@ -74,20 +74,26 @@ export class VisEditor extends Component {
     this.props.eventEmitter.emit('dirtyStateChange', {
       isDirty: false,
     });
+
+    const extractedIndexPatterns = extractIndexPatterns(this.state.model);
+    if (!isEqual(this.state.extractedIndexPatterns, extractedIndexPatterns)) {
+      this.abortableFetchFields(extractedIndexPatterns).then((visFields) => {
+        this.setState({
+          visFields,
+          extractedIndexPatterns,
+        });
+      });
+    }
   }, VIS_STATE_DEBOUNCE_DELAY);
 
-  debouncedFetchFields = debounce(
-    (extractedIndexPatterns) => {
-      if (this.abortControllerFetchFields) {
-        this.abortControllerFetchFields.abort();
-      }
-      this.abortControllerFetchFields = new AbortController();
+  abortableFetchFields = (extractedIndexPatterns) => {
+    if (this.abortControllerFetchFields) {
+      this.abortControllerFetchFields.abort();
+    }
+    this.abortControllerFetchFields = new AbortController();
 
-      return fetchFields(extractedIndexPatterns, this.abortControllerFetchFields.signal);
-    },
-    VIS_STATE_DEBOUNCE_DELAY,
-    { leading: true }
-  );
+    return fetchFields(extractedIndexPatterns, this.abortControllerFetchFields.signal);
+  };
 
   handleChange = (partialModel) => {
     if (isEmpty(partialModel)) {
@@ -105,16 +111,6 @@ export class VisEditor extends Component {
       dirty = false;
     }
 
-    const extractedIndexPatterns = extractIndexPatterns(nextModel);
-    if (!isEqual(this.state.extractedIndexPatterns, extractedIndexPatterns)) {
-      this.debouncedFetchFields(extractedIndexPatterns).then((visFields) =>
-        this.setState({
-          visFields,
-          extractedIndexPatterns,
-        })
-      );
-    }
-
     this.setState({
       dirty,
       model: nextModel,