From 8bf3ac97108cd826c76a845d1544541a6e632622 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Mon, 8 Dec 2025 10:13:56 +0100
Subject: [PATCH] SelectBase: Use standard portal container (#114844)

* SelectBase: Use standard portal container

* Fixed positioning issue
---
 packages/grafana-ui/src/components/Select/SelectBase.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/grafana-ui/src/components/Select/SelectBase.tsx b/packages/grafana-ui/src/components/Select/SelectBase.tsx
index 8609c307c25..cad0eb10e20 100644
--- a/packages/grafana-ui/src/components/Select/SelectBase.tsx
+++ b/packages/grafana-ui/src/components/Select/SelectBase.tsx
@@ -16,6 +16,7 @@ import { t, Trans } from '@grafana/i18n';
 
 import { useTheme2 } from '../../themes/ThemeContext';
 import { Icon } from '../Icon/Icon';
+import { getPortalContainer } from '../Portal/Portal';
 
 import { CustomInput } from './CustomInput';
 import { DropdownIndicator } from './DropdownIndicator';
@@ -123,7 +124,7 @@ export function SelectBase<T, Rest = {}>({
   minMenuHeight,
   maxVisibleValues,
   menuPlacement = 'auto',
-  menuPosition,
+  menuPosition = 'fixed',
   menuShouldPortal = true,
   noOptionsMessage = t('grafana-ui.select.no-options-label', 'No options found'),
   onBlur,
@@ -255,9 +256,9 @@ export function SelectBase<T, Rest = {}>({
     maxVisibleValues,
     menuIsOpen: isOpen,
     menuPlacement: menuPlacement === 'auto' && closeToBottom ? 'top' : menuPlacement,
-    menuPosition,
+    menuPosition: menuShouldPortal ? 'fixed' : menuPosition,
     menuShouldBlockScroll: true,
-    menuPortalTarget: menuShouldPortal && typeof document !== 'undefined' ? document.body : undefined,
+    menuPortalTarget: menuShouldPortal && getPortalContainer(),
     menuShouldScrollIntoView: false,
     onBlur,
     onChange: onChangeWithEmpty,