fix(mobile): selecting random elements while context menu is shown

src/public/app/menus/context_menu.ts

@@ -63,6 +63,7 @@ class ContextMenu {
         }
 
         this.$cover.addClass("show");
+        $("body").addClass("context-menu-shown");
 
         this.$widget.empty();
 
@@ -223,6 +224,7 @@ class ContextMenu {
             await timeout(100);
             this.$widget.removeClass("show");
             this.$cover.removeClass("show");
+            $("body").removeClass("context-menu-shown");
             this.$widget.hide();
         }
     }

src/public/stylesheets/style.css

@@ -48,6 +48,11 @@ body.mobile .desktop-only {
     display: none !important;
 }
 
+body.mobile.context-menu-shown * {
+    user-select: none !important;
+    -webkit-user-select: none !important;
+}
+
 a {
     text-decoration: none;
 }
@@ -977,6 +982,8 @@ a.external:not(.no-arrow):after, a[href^="http://"]:not(.no-arrow):after, a[href
 #context-menu-container .dropdown-item {
     padding: 0 7px 0 10px;
     cursor: pointer;
+    user-select: none;
+    -webkit-user-select: none;
 }
 
 body.desktop li.dropdown-submenu:hover > ul.dropdown-menu {

src/public/stylesheets/theme-next/shell.css

@@ -491,8 +491,10 @@ body.mobile #context-menu-container {
     right: 0 !important;
     bottom: 0 !important;
     top: unset !important;
-    max-height: 90vh;
+    max-height: 70vh;
     overflow: auto !important;
+    user-select: none;
+    -webkit-user-select: none;
 }
 
 /* Tree actions toolbar */

src/public/stylesheets/tree.css

@@ -40,6 +40,8 @@ span.fancytree-node.fancytree-hide {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
+    user-select: none !important;
+    -webkit-user-select: none !important;
 }
 
 .fancytree-node:not(.fancytree-loading) .fancytree-expander {