[#181] fix glitchy modal popover ( popovers get reinitialised after drag events. This still happens on mobile ops-list )

src/web/App.mjs

@@ -882,12 +882,12 @@ class App {
     /**
      * Aggregate all the desktop UI functions.
      *
-     * Popovers and desktop layout are set on init, but we also need to
-     * update the UI correctly on window resizing events
+     * Fires on window resize event ( on min-width breakpoint )
      */
     setDesktopUI(minimise){
         this.setDesktopLayout(minimise);
         this.manager.ops.enableOpsListPopovers();
+        // enable drag and drop
     }
 
 
@@ -900,6 +900,7 @@ class App {
     setMobileUI(){
         this.setMobileLayout();
         this.manager.ops.disableOpsListPopovers();
+        // disable drag and drop / long press and drag and drop for favourites
     }
 }
 

src/web/TODO.md

@@ -15,7 +15,6 @@
 - test drag and drop etc. Regular mobile events / UX
 - view-heights not correct due to variable taskbar on mobile devices
 
-- minor issue w popovers glitching in modal ( edit favourites ), but it only occurs on (laptop) browser < breakpoint, not on a real mobile device. It's minor but bothers me
 
 ### Desktop UI:
 ### General UI:

src/web/waiters/OperationsWaiter.mjs

@@ -298,7 +298,9 @@ class OperationsWaiter {
             this.removeIntent = false;
         }.bind(this));
 
-        $("#edit-favourites-list [data-toggle=popover]").popover();
+        if (window.innerWidth >= this.app.breakpoint) {
+            $("#edit-favourites-list [data-toggle=popover]").popover();
+        }
         $("#favourites-modal").modal();
     }