Skip to content

fix(docs-infra): add fallback submenu positions in menubar example#69391

Open
BHUVANSH855 wants to merge 1 commit into
angular:mainfrom
BHUVANSH855:fix-menubar-submenu-overflow
Open

fix(docs-infra): add fallback submenu positions in menubar example#69391
BHUVANSH855 wants to merge 1 commit into
angular:mainfrom
BHUVANSH855:fix-menubar-submenu-overflow

Conversation

@BHUVANSH855

Copy link
Copy Markdown
Contributor

PR Checklist

Please check if your PR fulfills the following requirements:

PR Type

What kind of change does this PR introduce?

  • Bugfix
  • Feature
  • Code style update (formatting, local variables)
  • Refactoring (no functional changes, no api changes)
  • Build related changes
  • CI related changes
  • Documentation content changes
  • angular.dev application / infrastructure changes
  • Other... Please describe:

What is the current behavior?

Nested submenus in the ARIA menubar examples only define a single overlay position that opens to the right of the trigger element. When there is insufficient space on the right side of the viewport, the submenu can overflow off-screen instead of repositioning.

Issue Number: N/A

What is the new behavior?

Adds fallback overlay positions for nested submenus in the ARIA menubar examples. If there is not enough space to render the submenu on the right side, the CDK overlay can fall back to opening on the left side of the trigger element, helping keep submenu content visible within the viewport.

The update is applied consistently across the basic, material, and retro menubar examples.

Does this PR introduce a breaking change?

  • Yes
  • No

Other information

This change only updates overlay positioning configuration in the example templates and does not affect framework APIs or runtime behavior outside of the examples.

@pullapprove pullapprove Bot requested a review from JeanMeche June 17, 2026 14:14
@BHUVANSH855 BHUVANSH855 force-pushed the fix-menubar-submenu-overflow branch from 4ac6e00 to 986ecf3 Compare June 17, 2026 14:18
@angular-robot angular-robot Bot added the area: docs-infra Angular.dev application and infrastructure label Jun 17, 2026
@ngbot ngbot Bot added this to the Backlog milestone Jun 17, 2026
@BHUVANSH855 BHUVANSH855 force-pushed the fix-menubar-submenu-overflow branch from 986ecf3 to 5a84474 Compare June 17, 2026 14:24
@BHUVANSH855 BHUVANSH855 changed the title fix(adev): add fallback submenu positions in menubar example fix(docs-infra): add fallback submenu positions in menubar example Jun 17, 2026
@github-actions

github-actions Bot commented Jun 17, 2026

Copy link
Copy Markdown

Deployed adev-preview for c217fe8 to: https://ng-dev-previews-fw--pr-angular-angular-69391-adev-prev-r6bwxuug.web.app

Note: As new commits are pushed to this pull request, this link is updated after the preview is rebuilt.

Add fallback overlay positions for nested menubar submenus so they can open on the left side when there is insufficient space on the right.
@BHUVANSH855 BHUVANSH855 force-pushed the fix-menubar-submenu-overflow branch from 5a84474 to c217fe8 Compare June 17, 2026 14:35

@JeanMeche JeanMeche left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could you please provide an illustration of the difference (screenshot or video capture). I wasn't able to find one

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

adev: preview area: docs-infra Angular.dev application and infrastructure

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants