Merge branch 'bump/primer-upstream-ref' into bump/primer-upstream

opf · Jan 8, 2024 · 897c821 · 897c821
2 parents 368b083 + 6e7b7c2
commit 897c821
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/.changeset/smart-insects-cheat.md b/.changeset/smart-insects-cheat.md
@@ -0,0 +1,5 @@
+---
+"@openproject/primer-view-components": patch
+---
+
+Bug fix in ActionBar: When collapsed the menu and tooltips aren't visible in Firefox
diff --git a/app/components/primer/alpha/action_bar_element.ts b/app/components/primer/alpha/action_bar_element.ts
@@ -50,7 +50,13 @@ class ActionBarElement extends HTMLElement {
     resizeObserver.observe(this)
     instersectionObserver.observe(this)
 
-    requestAnimationFrame(() => this.update())
+    requestAnimationFrame(() => {
+      // This overflow visible is needed for browsers that don't support PopoverElement
+      // to ensure the menu and tooltips are visible when the action bar is in a collapsed state
+      // once popover is fully supported we can remove this.style.overflow = 'visible'
+      this.style.overflow = 'visible'
+      this.update()
+    })
   }
 
   disconnectedCallback() {