Action Popover - Sub menu right aligned story shows sub menu left aligned

[sianford]

Current behaviour

The sub-menu is opened on the left side in the right-aligned story. See attached screenshot.

Expected behaviour

The sub-menu will open to the right side when there is no space to render the sub-menu to the left.

CodeSandbox or Storybook URL

https://carbon.sage.com/?path=/docs/action-popover--action-popover-component-disabled-submenu

JIRA Ticket (Sage Only)

FE-5785

Suggested Solution

Adjust the margin in the story to force the sub-menu to open on the right to demonstrate the correct behaviour, or position the component close enough to the left edge to allow the user to reduce the frame width and force the position to change.

Carbon Version

118.1.1

Design Tokens Version

No response

What browsers are you seeing the problem on?

Firefox, Chrome, Safari, Microsoft Edge

What Operating System are you seeing the problem on?

MacOS

Anything else we should know?

No response

Confidentiality

• [X] I confirm there is no confidential or commercially sensitive information included.