From 4fc80c2b53ad81869c0906c8ca26193891e92f4f Mon Sep 17 00:00:00 2001
From: Ivan <ivan@quad4.io>
Date: Wed, 22 Apr 2026 20:11:25 -0500
Subject: [PATCH] refactor(DropDownMenu): format

---
 meshchatx/src/frontend/components/DropDownMenu.vue   |  7 ++++++-
 .../components/contextmenu/ContextMenuPanel.vue      |  9 +--------
 tests/frontend/clampFloatingToViewport.test.js       | 12 ++++++++++--
 3 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/meshchatx/src/frontend/components/DropDownMenu.vue b/meshchatx/src/frontend/components/DropDownMenu.vue
index c930f62..35b9686 100644
--- a/meshchatx/src/frontend/components/DropDownMenu.vue
+++ b/meshchatx/src/frontend/components/DropDownMenu.vue
@@ -102,7 +102,12 @@ export default {
                     const panel = this.$refs.dropdownPanel;
                     if (!panel) return;
                     const rect = panel.getBoundingClientRect();
-                    const { left, top, maxHeight } = clampFloatingToViewport(rect.left, rect.top, rect.width, rect.height);
+                    const { left, top, maxHeight } = clampFloatingToViewport(
+                        rect.left,
+                        rect.top,
+                        rect.width,
+                        rect.height
+                    );
                     this.dropdownPosition = { x: left, y: top, maxHeight };
                 });
             });
diff --git a/meshchatx/src/frontend/components/contextmenu/ContextMenuPanel.vue b/meshchatx/src/frontend/components/contextmenu/ContextMenuPanel.vue
index 95655f8..303535b 100644
--- a/meshchatx/src/frontend/components/contextmenu/ContextMenuPanel.vue
+++ b/meshchatx/src/frontend/components/contextmenu/ContextMenuPanel.vue
@@ -1,14 +1,7 @@
 <!-- SPDX-License-Identifier: 0BSD -->
 
 <template>
-    <div
-        v-if="show"
-        ref="panel"
-        class="context-menu-panel"
-        :class="panelClass"
-        :style="panelStyle"
-        v-bind="$attrs"
-    >
+    <div v-if="show" ref="panel" class="context-menu-panel" :class="panelClass" :style="panelStyle" v-bind="$attrs">
         <slot name="header" />
         <slot />
     </div>
diff --git a/tests/frontend/clampFloatingToViewport.test.js b/tests/frontend/clampFloatingToViewport.test.js
index 530c102..fc9cc84 100644
--- a/tests/frontend/clampFloatingToViewport.test.js
+++ b/tests/frontend/clampFloatingToViewport.test.js
@@ -80,8 +80,16 @@ describe("clampFloatingToViewport wiring", () => {
     it.each([
         ["DropDownMenu.vue", "meshchatx/src/frontend/components/DropDownMenu.vue", 'ref="dropdownPanel"'],
         ["LanguageSelector.vue", "meshchatx/src/frontend/components/LanguageSelector.vue", 'ref="languageDropdown"'],
-        ["NotificationBell.vue", "meshchatx/src/frontend/components/NotificationBell.vue", 'ref="notificationDropdown"'],
-        ["ConversationViewer.vue", "meshchatx/src/frontend/components/messages/ConversationViewer.vue", "onReactionPickerDragStart"],
+        [
+            "NotificationBell.vue",
+            "meshchatx/src/frontend/components/NotificationBell.vue",
+            'ref="notificationDropdown"',
+        ],
+        [
+            "ConversationViewer.vue",
+            "meshchatx/src/frontend/components/messages/ConversationViewer.vue",
+            "onReactionPickerDragStart",
+        ],
     ])("%s imports the helper and clamps floating UI", (_, relativePath, anchor) => {
         const src = readSource(relativePath);
         expect(src).toContain("clampFloatingToViewport");