Prevents error on 'progress' event with default progress bar. (#2084)

Automatically remove event listener on load complete.

Author: hjeldin

packages/space-opera/src/components/best_practices/render_best_practices.ts

@@ -34,9 +34,12 @@ export function renderProgressBar(isEditor) {
 export const onProgress = (event) => {
   const progressBar = event.target.querySelector('.progress-bar');
   const updatingBar = event.target.querySelector('.update-bar');
+  if (!progressBar || !updatingBar)
+    return;
   updatingBar.style.width = `${event.detail.totalProgress * 100}%`;
   if (event.detail.totalProgress === 1) {
     progressBar.classList.add('hide');
+    event.target.removeEventListener('progress', onProgress);
   } else {
     progressBar.classList.remove('hide');
     if (event.detail.totalProgress === 0) {