question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[carbon-components-react] Adding "auto" direction to OverflowMenu

See original GitHub issue

Summary

When using the <OverflowMenu> component, there are times where the direction of the opened menu causes unwanted scrolling in the viewport. Most common use case is for OverflowMenu

I am asking as a developer.

Example

OverflowMenuExample

Justification

The alternative of this feature not being implemented is to use the complex code that detects where the OverflowMenu is, relative to the viewport and change the direction prop passed in.

Desired UX and success metrics

Success will be the menu not causing the parent dom element to cause janky overflows to occur.

“Must have” functionality

an ‘auto’ direction value that can be passed into the OverflowMenu’s direction prop. auto will tell OverflowMenu to detect which direction to open the menu in.

Specific timeline issues / requests

N/A

NB: The Carbon team will try to work with your timeline, but it’s not guaranteed. The earlier you make a request in advance of a desired delivery date, the better!

Available extra resources

N/A

Issue Analytics

  • State:open
  • Created 3 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
tw15egancommented, Jan 28, 2021

Just bumping this because another issue has been raised asking for this functionality: https://github.com/carbon-design-system/carbon/issues/7689

1reaction
laurenmricecommented, Sep 11, 2020

Hello! 👋

We are going to move forward with this proposal because we think it would be a great idea to add automation to the overflow menu. We have moved it to our backlog to be worked on.

Thank you!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Overflow menu – Carbon Design System
Overflow menus are used when additional options are available to the user and there is a space constraint.
Read more >
Popover - Carbon Design System
Popovers are used as a base layer in some of our components like tooltips, overflow menus, and dropdown menus.
Read more >
Overflow menu - Carbon Design System
Reverse the direction of the overflow menu. .bx--overflow-menu-options--open, Displays the overflow menu options. JavaScript. Getting component class reference.
Read more >
Overflow menu - Carbon Design System
The Carbon overflow menu component is used when there is limited space to provide a pop-up list of actions that are available to...
Read more >
Carbon overflow menu
The Carbon overflow menu component is used when there is limited space to provide a pop-up list of actions that are available to...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found