diff --git a/web/src/lib/components/shared-components/combobox.svelte b/web/src/lib/components/shared-components/combobox.svelte index 8293eb950a..5024817ef6 100644 --- a/web/src/lib/components/shared-components/combobox.svelte +++ b/web/src/lib/components/shared-components/combobox.svelte @@ -59,6 +59,7 @@ const activate = () => { isActive = true; + input?.select(); openDropdown(); }; diff --git a/web/src/lib/components/user-settings-page/app-settings.svelte b/web/src/lib/components/user-settings-page/app-settings.svelte index 9c53fd6a8c..87d8c51f0e 100644 --- a/web/src/lib/components/user-settings-page/app-settings.svelte +++ b/web/src/lib/components/user-settings-page/app-settings.svelte @@ -65,7 +65,9 @@ $locale = $locale ? undefined : fallbackLocale.code; }; - const langOptions = langs.map((lang) => ({ label: lang.name, value: lang.code })); + const langOptions = langs + .map((lang) => ({ label: lang.name, value: lang.code })) + .sort((a, b) => a.label.localeCompare(b.label)); const defaultLangOption = { label: defaultLang.name, value: defaultLang.code }; const handleLanguageChange = async (newLang: string | undefined) => {