Skip to content

[poc] Add FloatingPopup#48154

Draft
mj12albert wants to merge 3 commits intomui:masterfrom
mj12albert:feat/floating-popup
Draft

[poc] Add FloatingPopup#48154
mj12albert wants to merge 3 commits intomui:masterfrom
mj12albert:feat/floating-popup

Conversation

@mj12albert
Copy link
Copy Markdown
Member

@mj12albert mj12albert commented Mar 30, 2026

Preview:

Provides FloatingPopup (uses Floating UI) as an opt-in replacement for Popper, since PopperJS is deprecated.

Usage:

<Autocomplete
  slots={{
    popper: FloatingPopup,
  }}
/>

<Tooltip
  slots={{
    popper: FloatingPopup,
  }}
/>

Bundle size reduction of swapping out popper entirely: 7KB gz (@popperjs/core) - @floating-ui/dom 4.5KB gz = 3KB gz. The downside is if you only swap out one instead of both you'll have both deps 😓

@mj12albert mj12albert added scope: tooltip Changes related to the tooltip. component: Autocomplete The React component. labels Mar 30, 2026
@mj12albert mj12albert force-pushed the feat/floating-popup branch from 9c4111b to 7cb7e5b Compare March 30, 2026 18:44
@mui-bot
Copy link
Copy Markdown

mui-bot commented Mar 30, 2026

Netlify deploy preview

Bundle size report

Bundle Parsed size Gzip size
@mui/material 🔺+23.1KB(+4.59%) 🔺+9.28KB(+6.42%)
@mui/lab 0B(0.00%) 0B(0.00%)
@mui/system 0B(0.00%) 0B(0.00%)
@mui/utils 0B(0.00%) 0B(0.00%)

Details of bundle changes

Generated by 🚫 dangerJS against f571cb3

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

component: Autocomplete The React component. scope: tooltip Changes related to the tooltip.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants