fix(docs-infra): add fallback submenu positions in menubar example by BHUVANSH855 · Pull Request #69391 · angular/angular

pullapprove

PR Checklist

Please check if your PR fulfills the following requirements:

The commit message follows our guidelines: https://github.com/angular/angular/blob/main/contributing-docs/commit-message-guidelines.md
Tests for the changes have been added (not applicable for this template/example update)
Docs have been added / updated (not applicable)

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?

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.