remove actions-overflow

Author: jtnord

src/main/js/components/header/actions-overflow.js

@@ -0,0 +1,16 @@
+export default function updateActionsForTouch() {
+  // We want to disable the User action href on touch devices so that they can still activate the overflow menu
+  const link = document.querySelector("#root-action-UserAction");
+
+  if (link) {
+    const originalHref = link.getAttribute("href");
+    const isTouchDevice = window.matchMedia("(hover: none)").matches;
+
+    // HTMLUnit doesn't register itself as supporting hover, thus the href is removed when it shouldn't be
+    if (isTouchDevice && !window.isRunAsTest) {
+      link.removeAttribute("href");
+    } else {
+      link.setAttribute("href", originalHref);
+    }
+  }
+}

src/main/js/components/header/actions-touch.js

@@ -1,9 +1,10 @@
-import computeActions from "@/components/header/actions-overflow";
+import updateActionsForTouch from "@/components/header/actions-touch";
 import computeBreadcrumbs from "@/components/header/breadcrumbs-overflow";
 
 function init() {
   // Recompute what actions and breadcrumbs should be visible when the viewport size is changed
   computeOverflow();
+  updateActionsForTouch();
   let lastWidth = window.innerWidth;
   window.addEventListener("resize", () => {
     if (window.innerWidth !== lastWidth) {
@@ -59,7 +60,6 @@ function init() {
 }
 
 function computeOverflow() {
-  computeActions();
   computeBreadcrumbs();
 }