Skip to content

MudFabMenu: Add new component#12097

Merged
danielchalmers merged 17 commits intoMudBlazor:devfrom
91378246:feature/fab-menu
Nov 23, 2025
Merged

MudFabMenu: Add new component#12097
danielchalmers merged 17 commits intoMudBlazor:devfrom
91378246:feature/fab-menu

Conversation

@91378246
Copy link
Contributor

This pr adds the material component FabMenu (note that this component should be compatible with M2 and M3).

FabMenu

@mudbot mudbot bot changed the title Feature: MudFabMenu MudFabMenu: Add new component Nov 11, 2025
@mudbot mudbot bot added the new component Proposal or addition of a new component (apply this instead of enhancement) label Nov 11, 2025
@danielchalmers
Copy link
Member

Cool! Haven't been able to test it yet (VS 2026 broke everything 😮‍💨)

Only note so far is that the M3 animation seems to fade all items at the same time while yours does it in sequence: https://m3.material.io/components/fab-menu/guidelines

@mudbot mudbot bot added the needs: changes A maintainer has asked for further modifications to be made to this pull request label Nov 12, 2025
@91378246
Copy link
Contributor Author

Cool! Haven't been able to test it yet (VS 2026 broke everything 😮‍💨)

Time to switch to Rider :P

Only note so far is that the M3 animation seems to fade all items at the same time while yours does it in sequence: https://m3.material.io/components/fab-menu/guidelines

I implemented the animation as M2 (scroll down to "Behavior") as we don't have an M2/M3 switch currently that I'm aware of. Once this is implemented a second animation can be added with a -M3 postfix to switch.

Also it should be also in sequence for M3 if I'm not mistaken, just from the side not from the bottom:

Copy link
Contributor

@versile2 versile2 left a comment

Choose a reason for hiding this comment

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

Some general comments, also it just doesn't show at all in WASM mode, the button is on the left and it's trying to show the menu on the right side but it doesn't show up unless I start playing with left/right/top/bottom values. for the fab-menu.

In addition need more tests to simulate mouseover mouseleave touch click etc.

@91378246
Copy link
Contributor Author

also it just doesn't show at all in WASM mode

I couldn't reproduce that (or did I misunderstand you?):
FabMenuWasm

@versile2
Copy link
Contributor

also it just doesn't show at all in WASM mode

I couldn't reproduce that (or did I misunderstand you?): FabMenuWasm FabMenuWasm

Run UnitTests.Viewer project, then your viewer test. Try to open the menu.

@91378246
Copy link
Contributor Author

Ah cool, didn't even know that that exists

@versile2
Copy link
Contributor

versile2 commented Nov 14, 2025

Ah cool, didn't even know that that exists

Great way to test the individual tests components you write. It's one thing to test the behavior, but then looking at it to make sure it's what you intend to test is a nice feature. I use it to check any component I work on visually in addition to Docs.Server and Docs.WASM

Also let me know when ready for re-review

@91378246
Copy link
Contributor Author

Should be ready to re-review (did all the comments + it now looks fine to me inside Docs.Server, Docs.Wasm and that test project)

This was referenced Feb 20, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

new component Proposal or addition of a new component (apply this instead of enhancement)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants