From 0d9de1e295ffca25cba3e13f85f7703cddea43d9 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Thu, 18 Apr 2024 14:02:50 +0200
Subject: [PATCH] set active item

---
 .../user/user/collection/user-collection-header.element.ts    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/user/user/collection/user-collection-header.element.ts b/src/Umbraco.Web.UI.Client/src/packages/user/user/collection/user-collection-header.element.ts
index ab4f7a4b66..44dac6b85e 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/user/user/collection/user-collection-header.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/user/user/collection/user-collection-header.element.ts
@@ -49,7 +49,6 @@ export class UmbUserCollectionHeaderElement extends UmbLitElement {
 		this.observe(
 			observeMultiple([this.#collectionContext.orderByOptions, this.#collectionContext.activeOrderByOption]),
 			([options, activeOption]) => {
-				debugger;
 				this._orderByOptions = options;
 
 				if (activeOption) {
@@ -217,7 +216,8 @@ export class UmbUserCollectionHeaderElement extends UmbLitElement {
 							(option) => html`
 								<uui-menu-item
 									label=${this.localize.string(option.label)}
-									@click-label=${() => this.#onOrderByChange(option)}></uui-menu-item>
+									@click-label=${() => this.#onOrderByChange(option)}
+									?active=${this._activeOrderByOption?.unique === option.unique}></uui-menu-item>
 							`,
 						)}
 					</div>