From 235debdd3a46f6bf9e893e45a0ca5093c1e95b7b Mon Sep 17 00:00:00 2001
From: Ken Sternberg <ken@goauthentik.io>
Date: Thu, 21 Dec 2023 14:03:08 -0800
Subject: [PATCH] Fix display issue when using "grouped" select lists

---
 web/src/elements/forms/SearchSelect/ak-search-select.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/src/elements/forms/SearchSelect/ak-search-select.ts b/web/src/elements/forms/SearchSelect/ak-search-select.ts
index 4e1220289..89d78e242 100644
--- a/web/src/elements/forms/SearchSelect/ak-search-select.ts
+++ b/web/src/elements/forms/SearchSelect/ak-search-select.ts
@@ -120,6 +120,7 @@ export class SearchSelect<T> extends CustomEmitterElement(AKElement) {
         this.observer.observe(this);
         this.dropdownUID = `dropdown-${randomString(10, ascii_letters + digits)}`;
         this.onMenuItemClick = this.onMenuItemClick.bind(this);
+        this.renderWithMenuGroupTitle = this.renderWithMenuGroupTitle.bind(this);
     }
 
     toForm(): unknown {
@@ -295,7 +296,7 @@ export class SearchSelect<T> extends CustomEmitterElement(AKElement) {
                 >
                     ${this.blankable ? this.renderEmptyMenuItem() : html``}
                     ${shouldRenderGroups
-                        ? html`groupedItems.map(this.renderWithMenuGroupTitle)`
+                        ? html`${groupedItems.map(this.renderWithMenuGroupTitle)}`
                         : html`${this.renderMenuGroup(groupedItems[0][1], 0)}`}
                 </ul>
             </div>`,