💄 优化弹出窗口过小时弹出菜单显示问题

Author: CodFrm

src/pages/popup/App.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable prettier/prettier */
 import { Discord, DocumentationSite, ExtVersion } from "@App/app/const";
 import { Alert, Badge, Button, Card, Collapse, Dropdown, Menu, Switch } from "@arco-design/web-react";
 import {
@@ -190,6 +191,23 @@ function App() {
                 <Button type="text" icon={<IconNotification />} iconOnly onClick={handleNotificationClick} />
               </Badge>
               <Dropdown
+                onVisibleChange={(visible) => {
+                  if (!visible) return;
+                  // 检查位置，优化窗口过小，导致弹出菜单显示不全的问题
+                  setTimeout(() => {
+                    const dropdowns = document.getElementsByClassName("arco-dropdown");
+                    console.log(dropdowns);
+                    if (dropdowns.length > 0) {
+                      const dropdown = dropdowns[0] as HTMLElement;
+                      console.log(dropdowns, dropdown.style.top);
+                      // 如果top是负数修改为0
+                      if (parseInt(dropdown
+                        .style.top) < 0) {
+                        dropdown.style.top = "0px";
+                      }
+                    }
+                  }, 100);
+                }}
                 droplist={
                   <Menu
                     style={{