Skip to content

fix(docs-infra): improve version picker dropdown positioning#68625

Open
erkamyaman wants to merge 1 commit into
angular:mainfrom
erkamyaman:fix-version-picker-positioning
Open

fix(docs-infra): improve version picker dropdown positioning#68625
erkamyaman wants to merge 1 commit into
angular:mainfrom
erkamyaman:fix-version-picker-positioning

Conversation

@erkamyaman
Copy link
Copy Markdown
Contributor

@erkamyaman erkamyaman commented May 7, 2026

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?

  • On mobile and desktop, the version picker dropdown can't scroll to the last version, the bottom items sit below the visible viewport.
  • On the tablet horizontal navbar, the dropdown opens off to the right of the trigger and overlaps the neighbouring nav items.
Screen.Recording.2026-05-08.at.00.05.14.mov
image Screenshot 2026-05-08 at 00 05 48

What is the new behavior?

  • Dropdown scrolls to the last version on all viewports.
  • On tablet, the dropdown opens directly below the version button, horizontally centered on it.
image image image

Does this PR introduce a breaking change?

  • Yes
  • No

Drops `position: absolute` from the version picker `<ul>` and tightens `max-height` to `70dvh` so the cdk-overlay-pane fits the viewport and the inner scroll reaches the last versions on mobile and desktop.
@pullapprove pullapprove Bot requested a review from devversion May 7, 2026 21:09
@angular-robot angular-robot Bot added the area: docs-infra Angular.dev application and infrastructure label May 7, 2026
@ngbot ngbot Bot added this to the Backlog milestone May 7, 2026
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 8, 2026

Deployed adev-preview for 6bb344f to: https://ng-dev-previews-fw--pr-angular-angular-68625-adev-prev-31cpynjp.web.app

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

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