close property actions menu from item

src/Umbraco.Web.UI.Client/src/backoffice/components/node-property-actions.element.ts

@@ -62,6 +62,11 @@ export class UmbNodePropertyActions extends UmbContextConsumerMixin(LitElement)
     this._open = !this._open;
   }
 
+  private _handleClose (event: CustomEvent) {
+    this._open = false;
+    event.stopPropagation();
+  };
+
   disconnectedCallback () {
     super.disconnectedCallback();
     this._subscription?.unsubscribe();
@@ -73,7 +78,7 @@ export class UmbNodePropertyActions extends UmbContextConsumerMixin(LitElement)
         <uui-popover
           .open=${this._open}
           placement="bottom-start"
-          @close="${() => this._open = false}">
+          @close="${this._handleClose}">
           <uui-button
             slot="trigger"
             look="secondary"

src/Umbraco.Web.UI.Client/src/backoffice/property-actions/property-action-clear.element.ts

@@ -30,6 +30,8 @@ export default class UmbPropertyActionClear extends UmbContextConsumerMixin(LitE
 
   private _handleLabelClick () {
     this._notificationService?.peek('Clear value');
+    // TODO: how do we want to close the menu? Testing an event based approach
+    this.dispatchEvent(new CustomEvent('close', { bubbles: true, composed: true }));
   }
 
   render() {

src/Umbraco.Web.UI.Client/src/backoffice/property-actions/property-action-copy.element.ts

@@ -30,6 +30,8 @@ export default class UmbPropertyActionCopy extends UmbContextConsumerMixin(LitEl
 
   private _handleLabelClick () {
     this._notificationService?.peek('Copied to clipboard');
+    // TODO: how do we want to close the menu? Testing an event based approach
+    this.dispatchEvent(new CustomEvent('close', { bubbles: true, composed: true }));
   }
 
   render() {