banana v3

styles/public/dropdown.ts

@@ -34,7 +34,10 @@ export const dropdown = css`
         }
         &:hover {
           background-color: ${themeVars.github.control.transparent.bgColor.hover} !important;
-          transform: translateX(2px); // 轻微右移效果
+          position: relative;
+          left: 2px;
+          // 使用 margin-left 代替 transform 来实现右移效果
+          margin-left: 2px;
         }
         &.selected {
           background-color: ${themeVars.color.active} !important;
@@ -160,7 +163,8 @@ export const selectionDropdown = css`
     &:hover {
       background: ${themeVars.color.hover.self};
       border-color: ${themeVars.github.borderColor.accent.emphasis}; // 悬停时改变边框色
-      transform: translateY(-1px); // 轻微上移效果
+      position: relative;
+      top: -1px;
     }
     // 悬停提供伪元素
     .item:hover:after {
@@ -190,7 +194,8 @@ export const selectionDropdown = css`
     &:hover {
       background: ${themeVars.color.hover.self};
       border-color: ${themeVars.github.borderColor.accent.emphasis}; // 悬停时改变边框色
-      transform: translateY(-1px); // 轻微上移效果
+      position: relative;
+      top: -1px;
     }
   }
   // 选择输入框效果和输入框 focus 效果一样
@@ -283,6 +288,7 @@ export const emojiDropdown = css`
       transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
       &:hover {
         background-color: ${themeVars.github.bgColor.accent.emphasis} !important;
+        position: relative;
         transform: scale(1.1); // 轻微放大效果
       }
     }