Skip to content

Conversation

@atomiks
Copy link
Contributor

@atomiks atomiks commented Dec 4, 2025

Fixes #3419

It seems like Firefox needs an extra delay before changing the 'starting' transition state so the getDisabledMountTransitionStyles lingers for the correct amount of time.

Navigation Menu: https://deploy-preview-3424--base-ui.netlify.app/react/components/navigation-menu
Side animations also fixed: https://deploy-preview-3424--base-ui.netlify.app/experiments/anchor-side-animations

@atomiks atomiks added type: regression A bug, but worse, it used to behave as expected. component: tooltip Changes related to the tooltip component. component: popover Changes related to the popover component. browser: Firefox Affects or fixes behavior in Mozilla Firefox. component: navigation menu Changes related to the navigation menu component. labels Dec 4, 2025
@atomiks atomiks changed the title [popups] Fix mount transitions in Firefox [popups] Fix mount transitions on Positioner in Firefox Dec 4, 2025
@pkg-pr-new
Copy link

pkg-pr-new bot commented Dec 4, 2025

  • vite-css-base-ui-example

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

commit: 9090421

@mui-bot
Copy link

mui-bot commented Dec 4, 2025

Bundle size report

ℹ️ Using snapshot from parent commit 1b23b4b (fallback from merge base c0a9981).

Bundle Parsed size Gzip size
@base-ui-components/react ▼-20B(0.00%) ▼-4B(0.00%)

Details of bundle changes


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

@netlify
Copy link

netlify bot commented Dec 4, 2025

Deploy Preview for base-ui ready!

Name Link
🔨 Latest commit 9090421
🔍 Latest deploy log https://app.netlify.com/projects/base-ui/deploys/6932c743d1137000085e9c94
😎 Deploy Preview https://deploy-preview-3424--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 4, 2025 22:14
@atomiks atomiks force-pushed the fix/mount-transitions-ff branch from d4797a2 to 81fc521 Compare December 5, 2025 10:48
Copy link
Member

@mnajdova mnajdova left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Work as expected 👌

@atomiks atomiks merged commit 40ccdb7 into mui:master Dec 5, 2025
22 checks passed
@atomiks atomiks deleted the fix/mount-transitions-ff branch December 5, 2025 12:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

browser: Firefox Affects or fixes behavior in Mozilla Firefox. component: navigation menu Changes related to the navigation menu component. component: popover Changes related to the popover component. component: tooltip Changes related to the tooltip component. type: regression A bug, but worse, it used to behave as expected.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Navigation Menu animation broken in examples in Firefox

3 participants