From 91f127ef9437592c8c2a398fe417dca4cc4c4af1 Mon Sep 17 00:00:00 2001
From: Elio Struyf <elio@struyfconsulting.be>
Date: Thu, 21 Dec 2023 14:05:27 +0100
Subject: [PATCH] #725 - fix menu of pinned items

---
 CHANGELOG.md                                      | 12 ++++++++++++
 .../components/Menu/ActionMenuButton.tsx          | 15 +++++++--------
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 79600a02..8e78972d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,17 @@
 # Change Log
 
+## [9.5.0] - 2024-xx-xx
+
+### ✨ New features
+
+### 🎨 Enhancements
+
+### ⚡️ Optimizations
+
+### 🐞 Fixes
+
+- [#725](https://github.com/estruyf/vscode-front-matter/issues/725): Fix for opening menu of pinned items
+
 ## [9.4.0] - 2023-12-12 - [Release notes](https://beta.frontmatter.codes/updates/v9.4.0)
 
 ### ✨ New features
diff --git a/src/dashboardWebView/components/Menu/ActionMenuButton.tsx b/src/dashboardWebView/components/Menu/ActionMenuButton.tsx
index c9945c49..a6429349 100644
--- a/src/dashboardWebView/components/Menu/ActionMenuButton.tsx
+++ b/src/dashboardWebView/components/Menu/ActionMenuButton.tsx
@@ -19,15 +19,14 @@ export const ActionMenuButton: React.FunctionComponent<IActionMenuButtonProps> =
   return (
     <Menu.Button
       ref={ref || null}
+      onClick={(e) => e.stopPropagation()}
       disabled={disabled}
-      className={`group inline-flex justify-center text-sm font-medium ${
-        getColors(
-          'text-vulcan-400 hover:text-vulcan-600 dark:text-gray-400 dark:hover:text-whisper-600',
-          'text-[var(--vscode-tab-inactiveForeground)] hover:text-[var(--vscode-tab-activeForeground)]'
-        )
-      } ${
-        disabled ? 'opacity-50' : ''
-      }`}
+      className={`group inline-flex justify-center text-sm font-medium ${getColors(
+        'text-vulcan-400 hover:text-vulcan-600 dark:text-gray-400 dark:hover:text-whisper-600',
+        'text-[var(--vscode-tab-inactiveForeground)] hover:text-[var(--vscode-tab-activeForeground)]'
+      )
+        } ${disabled ? 'opacity-50' : ''
+        }`}
     >
       <span className="sr-only">{title}</span>
       <DotsVerticalIcon className="w-4 h-4" aria-hidden="true" />