Menu and Menu buttons: storybook update 2 (popover)

[sstrubberg]

• Direction There could be use cases where people want to place the menu button at the bottom. Could this add a prop to have the alignment upward? Similar to popover alignment
• Alignment How do people align the button to the right of the menu in the code?

For each component:

• New prop(s) for the alignment
• New prop(s) for the direction
• The actual changes to styles coming from these props (and also the new max-heights)
• new stories and controls on the stories (directionality, etc. like popover)
• VRT
• maybe unit tests

[tay1orjones]

We need a design spec for the alignment part before we can get started on this one.

[thyhmdo]

Alignment and positions:

Top: Top Full width, Left, and right
Bottom: Bottom Full width, Left, and right

---

Max height for menu

• Menu for menu and combo button: Height is 5.5 items like the dropdown
• Menu for overflow menu and context menu: The height of the user’s screen minus 32px. If it exceeds this, it should scroll.

---

NEED UPDATE (THIS SPEC IS OUT OF DATE)

[laurenmrice]

Should this be in the carbon mono repo? @thyhmdo

[thyhmdo]

I can move it

[thyhmdo]

Design Specs issue carbon-design-system/carbon#14918

[tay1orjones]

For the OverflowMenu changes we will probably need to put in a new sass feature flag for the styles since the same classnames are used in the new implementation behind the enable-v12-overflowmenu js feature flag.

[sstrubberg]

Closing in favor of the following three issues:

#3792
#3791
#3790