diff --git a/src/Umbraco.Web.UI.Client/.vscode/settings.json b/src/Umbraco.Web.UI.Client/.vscode/settings.json
index c55d22e11e..661106f3d9 100644
--- a/src/Umbraco.Web.UI.Client/.vscode/settings.json
+++ b/src/Umbraco.Web.UI.Client/.vscode/settings.json
@@ -11,6 +11,7 @@
"lucide",
"Niels",
"pickable",
+ "popovertarget",
"Registrator",
"svgs",
"templating",
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/workspace-action-menu/workspace-action-menu.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/workspace-action-menu/workspace-action-menu.element.ts
index 0032c247d8..34ab4d17e5 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/workspace-action-menu/workspace-action-menu.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/workspace-action-menu/workspace-action-menu.element.ts
@@ -13,6 +13,9 @@ export class UmbWorkspaceActionMenuElement extends UmbLitElement {
@state()
_entityType?: string;
+ @state()
+ _popoverOpen = false;
+
constructor() {
super();
@@ -32,6 +35,10 @@ export class UmbWorkspaceActionMenuElement extends UmbLitElement {
event.stopPropagation();
}
+ #onPopoverToggle(event: ToggleEvent) {
+ this._popoverOpen = event.newState === 'open';
+ }
+
render() {
return html` ${this.#renderActionsMenu()} `;
}
@@ -39,8 +46,14 @@ export class UmbWorkspaceActionMenuElement extends UmbLitElement {
#renderActionsMenu() {
return this._entityId && this._entityType
? html`
-
-