Skip to content

[popover][tooltip] Fix popup auto resize glitches#3591

Merged
atomiks merged 3 commits into
mui:masterfrom
atomiks:fix/viewport-collapse
Dec 23, 2025
Merged

[popover][tooltip] Fix popup auto resize glitches#3591
atomiks merged 3 commits into
mui:masterfrom
atomiks:fix/viewport-collapse

Conversation

@atomiks

@atomiks atomiks commented Dec 21, 2025

Copy link
Copy Markdown
Contributor

Fixes two issues with popup auto resizing:

  1. Content could collapse when transitioning from a larger trigger payload to a smaller trigger payload (noticeable with interruptions)
  2. After the side changes due to a collision, the anchoring styles wouldn't be cleaned up, so the popup would jump incorrectly when transitioning between triggers if the anchoring styles shouldn't be applied for the given side

Fix: https://stackblitz.com/edit/qaqmumnc?file=src%2FApp.tsx

While for tooltips this doesn't seem to visibly happen on our docs, it happens visibly in Stackblitz (on master)

@atomiks atomiks added type: bug It doesn't behave as expected. component: tooltip Changes related to the tooltip component. component: popover Changes related to the popover component. labels Dec 21, 2025
@pkg-pr-new

pkg-pr-new Bot commented Dec 21, 2025

Copy link
Copy Markdown
  • vite-css-base-ui-example

    pnpm add https://pkg.pr.new/mui/base-ui/@base-ui/react@3591
    
    pnpm add https://pkg.pr.new/mui/base-ui/@base-ui/utils@3591
    

commit: 7ddc6a5

@mui-bot

mui-bot commented Dec 21, 2025

Copy link
Copy Markdown

Bundle size report

Bundle Parsed size Gzip size
@base-ui/react ▼-143B(-0.03%) 🔺+92B(+0.07%)

Details of bundle changes


Check out the code infra dashboard for more information about this PR.

@netlify

netlify Bot commented Dec 21, 2025

Copy link
Copy Markdown

Deploy Preview for base-ui ready!

Name Link
🔨 Latest commit 7ddc6a5
🔍 Latest deploy log https://app.netlify.com/projects/base-ui/deploys/694a16d860e6be000831a032
😎 Deploy Preview https://deploy-preview-3591--base-ui.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@atomiks atomiks marked this pull request as ready for review December 21, 2025 22:27
@atomiks atomiks force-pushed the fix/viewport-collapse branch from 40eb30e to fbabe78 Compare December 23, 2025 02:01
@atomiks atomiks merged commit f2d7a90 into mui:master Dec 23, 2025
23 checks passed
@atomiks atomiks deleted the fix/viewport-collapse branch December 23, 2025 04:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

component: popover Changes related to the popover component. component: tooltip Changes related to the tooltip component. type: bug It doesn't behave as expected.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants