merge: 合并 PR #1002 修复视频页设置下拉菜单位置错误无法显示的问题

Author: keleus

src/components/MediaEpisodeSelect/MediaEpisodeSelect.vue

@@ -50,8 +50,8 @@ function calculatePosition() {
 
   const rect = containerRef.value.getBoundingClientRect()
   dropdownPosition.value = {
-    top: rect.bottom + window.scrollY,
-    left: rect.left + window.scrollX,
+    top: rect.bottom,
+    left: rect.left,
     width: rect.width,
   }
 }
@@ -136,7 +136,7 @@ watchEffect(() => {
             left: `${dropdownPosition.left}px`,
             width: `${dropdownPosition.width}px`,
           }"
-          pos="absolute"
+          pos="fixed"
           p="2"
           m="t-2"
           z="10004"

src/components/Select.vue

@@ -68,8 +68,8 @@ function calculatePosition(desiredHeight: number) {
   const availableSpace = openUp ? spaceAbove : spaceBelow
 
   dropdownPosition.value = {
-    top: (openUp ? rect.top : rect.bottom) + window.scrollY,
-    left: rect.left + window.scrollX,
+    top: (openUp ? rect.top : rect.bottom),
+    left: rect.left,
     width: rect.width,
     openUp,
     // 极端矮视口下也不能超过实际可用空间，否则仍会溢出贴边
@@ -197,7 +197,7 @@ function onMouseEnter() {
             transform: dropdownPosition.openUp ? `translateY(calc(-100% - ${DROPDOWN_MARGIN}px))` : undefined,
             marginTop: dropdownPosition.openUp ? undefined : `${DROPDOWN_MARGIN}px`,
           }"
-          pos="absolute" p="2"
+          pos="fixed" p="2"
           z="10004" flex="~ col gap-1"
           w="full" overflow-y-overlay will-change-transform
         >