fix: prevent menu closure when switching language in user dropdown

Set comboboxProps={{ withinPortal: false }} on the language Select
inside Menu.Dropdown so its option list renders inside the Menu's DOM
tree rather than a portal. This prevents the Menu from treating option
clicks as outside interactions and closing before changeLanguage fires.
This commit is contained in:
Firman Ramdhani
2026-08-04 16:45:12 +07:00
parent 065bf70703
commit dd3330da5e
2 changed files with 2 additions and 0 deletions
+1
View File
@@ -87,6 +87,7 @@ export default function LoginPage() {
size="xs"
variant="unstyled"
w={90}
comboboxProps={{ withinPortal: false }}
data={[
{ value: 'en', label: t('common:english') },
{ value: 'id', label: t('common:indonesian') },
@@ -176,6 +176,7 @@ export default function HeaderLayout() {
size="xs"
variant="unstyled"
w={110}
comboboxProps={{ withinPortal: false }}
data={[
{ value: 'en', label: t('common:english') },
{ value: 'id', label: t('common:indonesian') },