search

microsoft / fluentui

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
https://react.fluentui.dev
Other
18.53k stars 2.73k forks source link

ContextualMenu should become a Drawer for mobile devices #18830

Closed eszychli closed 2 years ago

eszychli commented 3 years ago

Describe the feature that you would like added

ContextualMenu component should perform as a Drawer component for "small" breakpoint (maybe "medium" as well). Currently, web apps using Fluent need to define different pop-up menus for mobile view (Fluent for Android / iOS = Drawer / BottomSheet) and for desktop view (Fluent for Web = ContextualMenu / Panel).

On UX perspective, it would be better to have one component, e.g. ContextualMenu, which is responsive to the layout's breakpoint, and provides this design "manipulation" automatically.

What component or utility would this be added to

ContextualMenu.

Have you discussed this feature with our team, and if so, who

No.

Additional context/screenshots

image

image

gouttierre commented 3 years ago

@eszychli - I’ve added this to our backlog for review but it’s low on our priority list as we’re likely not going to get to it immediately due to the fact we’re currently focused on larger coherence work items and enhancements to our performance.

msft-fluent-ui-bot commented 2 years ago

Because this issue has not had activity for over 150 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.