Update filebrowser.js

Author: benhatsor

filebrowser.js

@@ -930,6 +930,10 @@ async function clickedOnFileHTML(fileEl, event) {
 
       if (isMobile) { // if on mobile device
 
+        // close sidebar
+        toggleSidebar(false);
+        saveSidebarStateLS();
+        
         // update bottom float
         updateFloat();
 
@@ -1349,7 +1353,7 @@ async function loadFileInHTML(fileEl, fileSha) {
 
         // if previous file selection exists in HTML
         if (prevSelFileEl) {
-          
+                    
           // load previous selected file
           loadFileInHTML(prevSelFileEl, selectedFile.sha);
 
@@ -1430,6 +1434,10 @@ async function loadFileInHTML(fileEl, fileSha) {
         onNextFrame(() => {
 
           liveView.classList.remove('notransition');
+        
+          // close sidebar
+          toggleSidebar(false);
+          saveSidebarStateLS();
 
           // update bottom float
           bottomFloat.classList.add('file-open');
@@ -1482,8 +1490,16 @@ async function loadFileInHTML(fileEl, fileSha) {
     // change codeit lang
     cd.lang = selectedFile.lang;
 
-    // update bottom float
-    if (isMobile) updateFloat();
+    if (isMobile) {
+      
+      // close sidebar
+      toggleSidebar(false);
+      saveSidebarStateLS();
+      
+      // update bottom float
+      updateFloat();
+      
+    }
 
   } catch(e) { // if file is binary
 
@@ -1572,6 +1588,11 @@ function loadBinaryFileHTML(file, toggled) {
 
       liveView.classList.remove('notransition');
 
+      // close sidebar
+      toggleSidebar(false);
+      saveSidebarStateLS();
+      
+      // update bottom float
       updateFloat();
 
     })
@@ -2625,6 +2646,10 @@ function createNewFileInHTML() {
           // then open new file
           window.setTimeout(() => {
 
+            // close sidebar
+            toggleSidebar(false);
+            saveSidebarStateLS();
+            
             // update bottom float
             updateFloat();
 
@@ -2993,10 +3018,20 @@ async function deleteModFileInHTML(fileEl) {
   fileEl.classList.remove('modified');
 
   if (fileEl.classList.contains('selected')) {
+
+    const sidebarOpen = body.classList.contains('expanded');
 
     const scrollPos = selectedFile.scrollPos;
 
     await loadFileInHTML(fileEl, fileSha);
+    
+    if (!sidebarOpen) {
+
+      // close sidebar
+      toggleSidebar(false);
+      saveSidebarStateLS();
+      
+    }
 
     // prevent bottom float disappearing on mobile
     if (isMobile) lastScrollTop = scrollPos[1];
@@ -3127,11 +3162,21 @@ async function protectUnsavedCode() {
       // if new version of selected file exists
       if (selectedElName !== null) {
 
+        const sidebarOpen = body.classList.contains('expanded');
+
         const scrollPos = selectedFile.scrollPos;
 
         // load file
         await loadFileInHTML(selectedElName, getAttr(selectedElName, 'sha'));
 
+        if (!sidebarOpen) {
+    
+          // close sidebar
+          toggleSidebar(false);
+          saveSidebarStateLS();
+          
+        }
+
         // prevent bottom float disappearing on mobile
         if (isMobile) lastScrollTop = scrollPos[1];
 
@@ -3145,9 +3190,19 @@ async function protectUnsavedCode() {
       // if selected file isn't loaded
       if (selectedFile.sha !== getAttr(selectedElSha, 'sha')) {
 
+        const sidebarOpen = body.classList.contains('expanded');
+
         // load file
         loadFileInHTML(selectedElSha, getAttr(selectedElSha, 'sha'));
 
+        if (!sidebarOpen) {
+    
+          // close sidebar
+          toggleSidebar(false);
+          saveSidebarStateLS();
+          
+        }
+        
       }
 
     }
@@ -3488,13 +3543,14 @@ function setupSidebar() {
     // render sidebar
     renderSidebarHTML();
 
-    // if sidebar is open
+    // if sidebar is open in local storage
     if (getStorage('sidebar') == 'true'
         && !isEmbed) {
 
       // don't transition
       body.classList.add('notransition');
 
+      // open sidebar
       toggleSidebar(true);
 
       onNextFrame(() => {
@@ -3505,6 +3561,9 @@ function setupSidebar() {
 
     } else if (isMobile) {
 
+      // close sidebar
+      toggleSidebar(false);
+
       // update bottom float
       updateFloat();