From 6bb344f48882b9b354313ae6fc2d911366bfb976 Mon Sep 17 00:00:00 2001
From: Kam <erkamyaman35@gmail.com>
Date: Thu, 7 May 2026 23:59:40 +0300
Subject: [PATCH] fix(docs-infra): improve version picker dropdown positioning

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.
---
 .../app/core/layout/navigation/mini-menu.scss    | 16 ++++++++--------
 .../layout/navigation/navigation.component.scss  |  1 +
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/adev/src/app/core/layout/navigation/mini-menu.scss b/adev/src/app/core/layout/navigation/mini-menu.scss
index 02ca0b3130ec..4e0b524c32b9 100644
--- a/adev/src/app/core/layout/navigation/mini-menu.scss
+++ b/adev/src/app/core/layout/navigation/mini-menu.scss
@@ -4,6 +4,7 @@
 // ul
 .adev-mini-menu {
   padding: 0;
+  margin-block: 0;
   color: var(--primary-contrast);
   background-color: var(--page-background);
   border: 1px solid var(--senary-contrast);
@@ -86,11 +87,8 @@
 
 .adev-version-picker {
   overflow-y: auto;
-  max-height: 90vh;
-  top: 30px;
-  left: 10px;
-  position: absolute;
-  bottom: auto;
+  max-height: 70dvh;
+  margin-inline-start: 10px;
 
   li {
     padding-inline: 0;
@@ -101,9 +99,11 @@
   }
 
   @include mq.for-tablet {
-    top: 30px;
-    left: auto;
-    bottom: auto;
+    position: fixed;
+    position-anchor: --version-trigger;
+    inset-block-start: calc(anchor(bottom) + 8px);
+    justify-self: anchor-center;
+    margin-inline-start: 0;
   }
 }
 
diff --git a/adev/src/app/core/layout/navigation/navigation.component.scss b/adev/src/app/core/layout/navigation/navigation.component.scss
index d774377db877..e9525d2c7caa 100644
--- a/adev/src/app/core/layout/navigation/navigation.component.scss
+++ b/adev/src/app/core/layout/navigation/navigation.component.scss
@@ -175,6 +175,7 @@
 
     // version dropdown button
     .adev-version-button {
+      anchor-name: --version-trigger;
       border: 1px solid var(--senary-contrast);
       border-radius: 0.25rem;
       width: fit-content;