diff --git a/.changeset/smart-insects-cheat.md b/.changeset/smart-insects-cheat.md new file mode 100644 index 0000000000..354250aa94 --- /dev/null +++ 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 index b6d518892f..d857fec165 100644 --- 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() {