Use interval to approximately determine when fields have loaded.

superdesk · Nov 7, 2023 · 917960c · 917960c
1 parent 0f7f229
commit 917960c
Showing 1 changed file with 47 additions and 19 deletions.
diff --git a/scripts/apps/authoring/authoring/directives/AuthoringHeaderDirective.ts b/scripts/apps/authoring/authoring/directives/AuthoringHeaderDirective.ts
@@ -1,6 +1,6 @@
 import {
     isNull, isUndefined, find, filter, keys, findIndex,
-    defer, sortBy, map, forEach, startsWith, flatMap} from 'lodash';
+    sortBy, map, forEach, startsWith, flatMap} from 'lodash';
 import {FIELD_KEY_SEPARATOR} from 'core/editor3/helpers/fieldsMeta';
 import {AuthoringWorkspaceService} from '../services/AuthoringWorkspaceService';
 import {appConfig, extensions} from 'appConfig';
@@ -293,27 +293,55 @@ export function AuthoringHeaderDirective(
                 scope.$apply();
             };
 
-            defer(() => {
-                if (scope.action === 'correct') {
-                    elem.find('#ednote').focus();
+            const loadingStartTimestamp = Date.now();
+            let lastElementCount = null;
+
+            /**
+             * Use interval to approximately determine when fields have loaded.
+             */
+            const interval = setInterval(() => {
+                if (Date.now() - loadingStartTimestamp > 5000) {
+                    // stop trying after 5s
+                    // there might not be inputs in authoring header configured
+                    clearInterval(interval);
                 } else {
-                    const sorted = [...elem[0].querySelectorAll('input, textarea, [contenteditable]')]
-                        .map((el) => {
-                            const orderEl = el.closest('[order]');
-
-                            return {
-                                input: el,
-                                order: orderEl == null ? null : parseInt(orderEl.getAttribute('order'), 10),
-                            };
-                        })
-                        .filter(({order}) => order != null)
-                        .sort((a, b) => a.order - b.order);
-
-                    if (sorted.length > 0) {
-                        sorted[0].input.focus();
+                    const elements = [...elem[0].querySelectorAll('input, textarea, [contenteditable]')];
+
+                    if (elements.length < 1) {
+                        return;
+                    } else if (lastElementCount == null) {
+                        lastElementCount = elements.length;
+
+                        return;
+                    } else if (lastElementCount !== elements.length) {
+                        lastElementCount = elements.length;
+
+                        return;
+                    } else {
+                        clearInterval(interval);
+                    }
+
+                    if (scope.action === 'correct') {
+                        elem.find('#ednote').focus();
+                    } else {
+                        const sorted = elements
+                            .map((el) => {
+                                const orderEl = el.closest('[order]');
+
+                                return {
+                                    input: el,
+                                    order: orderEl == null ? null : parseInt(orderEl.getAttribute('order'), 10),
+                                };
+                            })
+                            .filter(({order}) => order != null)
+                            .sort((a, b) => a.order - b.order);
+
+                        if (sorted.length > 0) {
+                            sorted[0].input.focus();
+                        }
                     }
                 }
-            });
+            }, 100);
         },
     };
 }