From 86439af90e9cedc369f8fdf2dd1159af1cb75848 Mon Sep 17 00:00:00 2001
From: Dermot Duffy <dermot.duffy@gmail.com>
Date: Mon, 16 Dec 2024 18:51:46 -0800
Subject: [PATCH] fix: Allow `submenus` to overflow the menu in all cases
 (#1768)

---
 src/scss/menu.scss | 17 +++--------------
 1 file changed, 3 insertions(+), 14 deletions(-)

diff --git a/src/scss/menu.scss b/src/scss/menu.scss
index 6f5a2520..2f4145cf 100644
--- a/src/scss/menu.scss
+++ b/src/scss/menu.scss
@@ -10,6 +10,9 @@
   display: flex;
   flex-direction: row;
   justify-content: space-between;
+
+  // Allow submenus to overflow the menu "bar".
+  overflow: visible;
 }
 
 /*******************************************************
@@ -113,20 +116,6 @@ div.opposing {
  * Positioning for absolute based menu styles
  ********************************************/
 
-:host([data-style='overlay']),
-:host([data-style*='hover']),
-:host([data-style='hidden']) {
-  overflow: hidden;
-  width: calc(var(--frigate-card-menu-button-size) + 6px);
-  height: calc(var(--frigate-card-menu-button-size) + 6px);
-}
-
-:host([data-style='overlay']),
-:host([data-style*='hover']),
-:host([data-style='hidden'][expanded]) {
-  overflow: visible;
-}
-
 :host([data-style='overlay'][data-position='top']),
 :host([data-style='overlay'][data-position='bottom']),
 :host([data-style*='hover'][data-position='top']),