From 8c4e172138f433dca7f9dc282ff8fb923a23d4c9 Mon Sep 17 00:00:00 2001
From: ChisakaKanako <chisakakanako@gmail.com>
Date: Tue, 22 Sep 2026 13:11:26 +0800
Subject: [PATCH] fix(theme): clip outline dropdown scrollbar to border radius

close #5452
---
 .../components/VPLocalNavOutlineDropdown.vue  | 28 +++++++++++--------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/client/theme-default/components/VPLocalNavOutlineDropdown.vue b/src/client/theme-default/components/VPLocalNavOutlineDropdown.vue
index 0dd3a0a55..fd8444a82 100644
--- a/src/client/theme-default/components/VPLocalNavOutlineDropdown.vue
+++ b/src/client/theme-default/components/VPLocalNavOutlineDropdown.vue
@@ -93,13 +93,15 @@ function scrollToTop() {
     </button>
     <Transition name="flyout">
       <div v-if="open" ref="items" :id="itemsId" class="items" @click="onItemClick">
-        <div class="header">
-          <a class="top-link" href="#" @click="scrollToTop">
-            {{ theme.returnToTopLabel || 'Return to top' }}
-          </a>
-        </div>
-        <div class="outline">
-          <VPDocOutlineItem :headers />
+        <div class="items-scroll">
+          <div class="header">
+            <a class="top-link" href="#" @click="scrollToTop">
+              {{ theme.returnToTopLabel || 'Return to top' }}
+            </a>
+          </div>
+          <div class="outline">
+            <VPDocOutlineItem :headers />
+          </div>
         </div>
       </div>
     </Transition>
@@ -153,15 +155,19 @@ function scrollToTop() {
   position: absolute;
   top: 2.5rem;
   inset-inline: 1rem;
-  display: grid;
-  gap: 1px;
   border: 1px solid var(--vp-c-border);
   border-radius: 0.5rem;
   background-color: var(--vp-c-gutter);
-  max-height: calc(var(--vp-vh, 100vh) - 5.375rem);
+  overflow: hidden;
+  box-shadow: var(--vp-shadow-3);
+}
+
+.items-scroll {
+  display: grid;
+  gap: 1px;
+  max-height: calc(var(--vp-vh, 100vh) - 5.375rem - 2px);
   overflow: hidden auto;
   overscroll-behavior: contain;
-  box-shadow: var(--vp-shadow-3);
 }
 
 @media (min-width: 60rem) {