From 6f98de33f735972ec1791da3b634f5be3fd5c094 Mon Sep 17 00:00:00 2001
From: Hampus <hampus@fluxer.app>
Date: Fri, 2 Oct 2026 17:25:08 +0200
Subject: [PATCH] fix(ui): portal combobox menus into the fullscreen call host
 (#3123)

---
 fluxer_app/src/features/ui/components/form/FormCombobox.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/fluxer_app/src/features/ui/components/form/FormCombobox.tsx b/fluxer_app/src/features/ui/components/form/FormCombobox.tsx
index 17eb252e8..0f5094518 100644
--- a/fluxer_app/src/features/ui/components/form/FormCombobox.tsx
+++ b/fluxer_app/src/features/ui/components/form/FormCombobox.tsx
@@ -4,6 +4,7 @@ import {PASSWORD_MANAGER_IGNORE_ATTRIBUTES} from '@app/features/platform/utils/P
 import styles from '@app/features/ui/components/form/FormCombobox.module.css';
 import {Scroller} from '@app/features/ui/components/Scroller';
 import FocusRing from '@app/features/ui/focus_ring/FocusRing';
+import {usePortalHost} from '@app/features/ui/overlay/PortalHostContext';
 import {Combobox as BaseCombobox, type ComboboxPortalProps} from '@base-ui/react/combobox';
 import {msg} from '@lingui/core/macro';
 import {useLingui} from '@lingui/react/macro';
@@ -172,6 +173,7 @@ export const Combobox = observer(function Combobox<
 	'data-flx': dataFlx,
 }: ComboboxProps<V, IsMulti, O>) {
 	const {i18n} = useLingui();
+	const portalHost = usePortalHost();
 	const generatedId = useId();
 	const inputId = id ?? generatedId;
 	const inputRef = useRef<HTMLInputElement | null>(null);
@@ -432,7 +434,7 @@ export const Combobox = observer(function Combobox<
 							</div>
 						</BaseCombobox.InputGroup>
 					</FocusRing>
-					<BaseCombobox.Portal {...portalProps} data-flx="ui.form.combobox.portal">
+					<BaseCombobox.Portal container={portalHost ?? undefined} {...portalProps} data-flx="ui.form.combobox.portal">
 						<BaseCombobox.Positioner
 							className={styles.positioner}
 							positionMethod="fixed"