-
Notifications
You must be signed in to change notification settings - Fork 2.8k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Converged menu spec #16517
Converged menu spec #16517
Conversation
This pull request is automatically built and testable in CodeSandbox. To see build info of the built libraries, click here or the icon next to each commit SHA. Latest deployment of this branch, based on commit 85c1a4d:
|
Perf AnalysisNo significant results to display. All results
Perf Analysis (Fluent)Perf comparison
Perf tests with no regressions
|
Asset size changesSize Auditor did not detect a change in bundle size for any component! Baseline commit: a8004b125ce874302247360efece97645dc0963a (build) |
</ul> | ||
Both will also flip appropriately when the overflow boundary is too small. | ||
|
||
The main difference between the two is that v0 submenu's position does not expose any way to customize or override the positioning of the submenu. However v7 allows every single customization as the root menu. It is very possible to do the below: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think it is possible to pass popper props to submenu. @layershifter is it correct?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looking at our code I don't think so:
<Popper |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It is possible but is actually not present in our documentation, it's a hidden prop you can add menu.popper
https://fluentsite.z22.web.core.windows.net/0.52.0/components/menu/props
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Just FYI, hidden props mean we failed. Let's ensure we don't do this moving forward. We should consider how to automate testing for these kinds of cases, no hidden props.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍 Awesome work @ling1726, thanks much. Can't wait to see the first implementation now :D
Accepting feedback of all kinds since I can't find any other specs that follow the new template. I might resolve more complicated discussions for spec review to keep the PR clean to review.
Might be easier on the eyes just to open the file not in review mode
Spec template: https://github.com/microsoft/fluentui/wiki/Spec-Template
(optional)