Skip to content

Conversation

@mj12albert
Copy link
Member

@mj12albert mj12albert commented Dec 3, 2025

Replacement for <MenuItem render={<a href="#" />}

Preview: https://deploy-preview-3400--base-ui.netlify.app/experiments/menu/menu-fully-featured

@mj12albert mj12albert added component: menu Changes related to the menu component. breaking change Introduces changes that are not backward compatible. labels Dec 3, 2025
@pkg-pr-new
Copy link

pkg-pr-new bot commented Dec 3, 2025

  • vite-css-base-ui-example

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

commit: de3ce01

@mui-bot
Copy link

mui-bot commented Dec 3, 2025

Bundle size report

Bundle Parsed size Gzip size
@base-ui-components/react 🔺+671B(+0.16%) 🔺+166B(+0.13%)

Details of bundle changes


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

@netlify
Copy link

netlify bot commented Dec 3, 2025

Deploy Preview for base-ui ready!

Name Link
🔨 Latest commit dd405c8
🔍 Latest deploy log https://app.netlify.com/projects/base-ui/deploys/6930307c9e344d00081e86e5
😎 Deploy Preview https://deploy-preview-3400--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.

@netlify
Copy link

netlify bot commented Dec 3, 2025

Deploy Preview for base-ui ready!

Name Link
🔨 Latest commit de3ce01
🔍 Latest deploy log https://app.netlify.com/projects/base-ui/deploys/6931d0911c91b300085e58a5
😎 Deploy Preview https://deploy-preview-3400--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.

@mj12albert mj12albert marked this pull request as ready for review December 3, 2025 13:03
@mj12albert
Copy link
Member Author

mj12albert commented Dec 3, 2025

MenuLinkItem is kind of strange considering we have NavigationMenu.Link, Toolbar.Link, but the other menu items are also MenuXXXItem

Or this could just be Menu.Link?

@mj12albert mj12albert removed the breaking change Introduces changes that are not backward compatible. label Dec 4, 2025
@mj12albert mj12albert changed the title [menu] Add MenuLinkItem [menu] Add Menu.Link Dec 4, 2025
@LukasTy LukasTy changed the title [menu] Add Menu.Link [menu] Add <Menu.Link> part Dec 4, 2025
Copy link
Member

@LukasTy LukasTy left a comment

Choose a reason for hiding this comment

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

Nice work. 👍
Am I missing something? Or does this component really is missing the menuitem prop?
Screen reader behavior in the experiment example is not optimal. 🙈

Comment on lines 9 to 15
const { render, clock } = createRenderer({
clockOptions: {
shouldAdvanceTime: true,
},
});

clock.withFakeTimers();
Copy link
Member

Choose a reason for hiding this comment

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

Nitpick: Doesn't look like clock faking is needed. 🤔

Suggested change
const { render, clock } = createRenderer({
clockOptions: {
shouldAdvanceTime: true,
},
});
clock.withFakeTimers();
const { render } = createRenderer();

@github-actions github-actions bot added the PR: out-of-date The pull request has merge conflicts and can't be merged. label Dec 9, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

component: menu Changes related to the menu component. PR: out-of-date The pull request has merge conflicts and can't be merged.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants