Skip to content

feat(dropdowns): migrate to Floating UI

Paul Gascou-Vaillancourt requested to merge 2213-floating-ui into main

What does this MR do?

This migrates Popper.js to its successor, Floating UI.

Additionally, this applies the size middleware to prevent dropdowns from overflowing the viewport vertically. This is done by applying a max-height to the dropdown's content, so that only the scrollable area's height is changed, while other static areas (e.g. a listbox's header or footer) keep their original height.

Screenshots or screen recordings

Before After
before after

Integration merge requests

Closes #2213 (closed)

Edited by Paul Gascou-Vaillancourt

Merge request reports

Loading