IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Combobox: Menu places itself under topnav (#96545)

Browse Source
This commit is contained in:
Laura Fernández 2024-11-18 12:00:24 +01:00 committed by GitHub
parent 76444c7913
commit 30bbcf8200
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 63 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/grafana-ui/src/components/Combobox/Combobox.tsx
View File

@ -12,6 +12,7 @@ import { AutoSizeInput } from '../Input/AutoSizeInput';
import { Input, Props as InputProps } from '../Input/Input'; import { Input, Props as InputProps } from '../Input/Input';
import { Box } from '../Layout/Box/Box'; import { Box } from '../Layout/Box/Box';
import { Stack } from '../Layout/Stack/Stack'; import { Stack } from '../Layout/Stack/Stack';
import { Portal } from '../Portal/Portal';
import { ScrollContainer } from '../ScrollContainer/ScrollContainer'; import { ScrollContainer } from '../ScrollContainer/ScrollContainer';
import { getComboboxStyles, MENU_OPTION_HEIGHT } from './getComboboxStyles'; import { getComboboxStyles, MENU_OPTION_HEIGHT } from './getComboboxStyles';
@ -379,6 +380,7 @@ export const Combobox = <T extends string | number>(props: ComboboxProps<T>) =>
placeholder, placeholder,
})} })}
/> />
<Portal>
<div <div
className={cx(styles.menu, !isOpen && styles.menuClosed)} className={cx(styles.menu, !isOpen && styles.menuClosed)}
style={{ style={{
@ -441,6 +443,7 @@ export const Combobox = <T extends string | number>(props: ComboboxProps<T>) =>
</ScrollContainer> </ScrollContainer>
)} )}
</div> </div>
</Portal>
</div> </div>
); );
}; };