Project Information
- Name of tool/project: Floating UI
- Project home page: https://floating-ui.com/
- Name of team requesting review: Design-System-Team
- Primary contact: @Catrope
- Target date for deployment: already deployed
- Link to code repository / patchset: repo, patch introducing its usage in Codex, ADR in Codex
- Link to scc output for general sizing of codebases (https://github.com/boyter/scc): T346097#9161118 ; see also other comments on that task for other information
Description of the tool/project: Client-side JavaScript library for positioning a DOM element relative to another DOM element, and keeping those positions in sync as the user scrolls or resizes the viewport
Description of how the tool will be used at WMF: Floating UI is used inside Codex to position Menu components relative to the text input or dropdown they're related to. Floating UI is embedded in the Codex build, which allows us to only load the parts of the library we need. Codex uses the @floating-ui/vue package from NPM.
Dependencies
Floating UI's only runtime dependency is Vue (which is already a runtime dependency of Codex)
Has this project been reviewed before?
No
Working test environment
Run Codex locally (see instructions), or test the Lookup component on its documentation page.
Post-deployment
The Design-System-Team will continue to be responsible for Codex and for the use of Floating UI in Codex.