root
/
grafana
mirror of https://github.com/grafana/grafana.git
1
0
Fork 0
Code Issues Actions 176 Packages Projects Releases Wiki Activity

Combobox: Fix option truncation w/ autoPlacement (#102568) 

* Combobox: Fix option truncation w/ autoPlacement

* Add back in boundary property
This commit is contained in:
Collin Fingar 2025-03-21 08:26:32 -04:00 committed by GitHub
parent 73436e3d55
commit c11a37eabb
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/grafana-ui/src/components/Combobox/useComboboxFloat.ts
View File

@ -1,4 +1,4 @@
import { autoUpdate, flip, size, useFloating } from '@floating-ui/react';
import { autoUpdate, autoPlacement, size, useFloating } from '@floating-ui/react';
import { useMemo, useRef, useState } from 'react';
import { measureText } from '../../utils';
@ -31,10 +31,11 @@ export const useComboboxFloat = (items: Array<ComboboxOption<string | number>>,
// the order of middleware is important!
const middleware = [
flip({
// see https://floating-ui.com/docs/flip#combining-with-shift
crossAxis: true,
autoPlacement({
// see https://floating-ui.com/docs/autoplacement
allowedPlacements: ['bottom-start', 'bottom-end', 'top-start', 'top-end'],
boundary: document.body,
crossAxis: true,
}),
size({
apply({ availableWidth, availableHeight }) {