From 5b44d2f104a3d59af5056fc6ff42d6d820ddce38 Mon Sep 17 00:00:00 2001
From: Lan Nguyen Thuy <lnt@umbraco.dk>
Date: Fri, 13 Sep 2024 15:10:59 +0700
Subject: [PATCH] Fix bug can not login after remove ui culture of user

---
 .../ui-culture-input.element.ts               | 30 +++++++++----------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/localization/components/ui-culture-input/ui-culture-input.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/localization/components/ui-culture-input/ui-culture-input.element.ts
index f19e040eef..813fd1050c 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/localization/components/ui-culture-input/ui-culture-input.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/localization/components/ui-culture-input/ui-culture-input.element.ts
@@ -1,6 +1,6 @@
 import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
 import { css, html, customElement, query, state, property } from '@umbraco-cms/backoffice/external/lit';
-import type { UUIComboboxElement, UUIComboboxEvent } from '@umbraco-cms/backoffice/external/uui';
+import type { UUISelectEvent } from '@umbraco-cms/backoffice/external/uui';
 import { UUIFormControlMixin } from '@umbraco-cms/backoffice/external/uui';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import type { ManifestLocalization } from '@umbraco-cms/backoffice/extension-registry';
@@ -59,24 +59,22 @@ export class UmbUiCultureInputElement extends UUIFormControlMixin(UmbLitElement,
 		return this._selectElement;
 	}
 
-	#onChange(event: UUIComboboxEvent) {
-		event.stopPropagation();
-		const target = event.target as UUIComboboxElement;
-
-		if (typeof target?.value === 'string') {
-			this.value = target.value;
-			this.dispatchEvent(new UmbChangeEvent());
-		}
+	#onCustomValidationChange(event: UUISelectEvent) {
+		this.value = event.target.value.toString();
+		this.dispatchEvent(new UmbChangeEvent());
 	}
 
 	override render() {
-		return html` <uui-combobox value="${this.value}" @change=${this.#onChange}>
-			<uui-combobox-list>
-				${this._options.map(
-					(option) => html`<uui-combobox-list-option value="${option.value}">${option.name}</uui-combobox-list-option>`,
-				)}
-			</uui-combobox-list>
-		</uui-combobox>`;
+		return html` 
+		<uui-select
+				style="margin-top: var(--uui-size-space-1)"
+				@change=${this.#onCustomValidationChange}
+				.options=${this._options.map(e => ({
+					name: e.name,
+					value: e.value,
+					selected: e.value == this.value
+				}))}></uui-select>
+			`;
 	}
 
 	static override styles = [