fix: hide menu modal when starting to load file

Instead of waiting for the file to load completely, hide the menu modal when not docked.
blinkk · Jul 9, 2021 · d4143ca · d4143ca
1 parent 04d23a6
commit d4143ca
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/ts/editor/parts/content/sectionFields.ts b/src/ts/editor/parts/content/sectionFields.ts
@@ -63,6 +63,7 @@ export class FieldsPart extends ContentSectionPart {
     return 'fields';
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   templateContent(editor: LiveEditor): TemplateResult {
     const isValid = this.selective.isValid;
     try {

diff --git a/src/ts/editor/parts/menu.ts b/src/ts/editor/parts/menu.ts
@@ -1,8 +1,9 @@
 import {BasePart, Part} from '.';
 import {DialogPriorityLevel, Modal} from '../ui/modal';
 import {TemplateResult, classMap, html} from '@blinkk/selective-edit';
+
 import {DataStorage} from '../../utility/dataStorage';
-import {EVENT_FILE_LOAD_COMPLETE} from '../events';
+import {EVENT_FILE_LOAD} from '../events';
 import {EditorState} from '../state';
 import {LiveEditor} from '../editor';
 import {SitePart} from './menu/site';
@@ -63,8 +64,9 @@ export class MenuPart extends BasePart implements Part {
       this.modal = modal;
       editor.parts.modals.modals[MODAL_KEY] = modal;
 
-      document.addEventListener(EVENT_FILE_LOAD_COMPLETE, () => {
-        // When loading a file, close the menu modal.
+      // When loading a file, close the menu modal.
+      // Hides the menu when the file is starting to load.
+      document.addEventListener(EVENT_FILE_LOAD, () => {
         modal.hide();
       });
     }