fix(DropdownMenu): fixed the position error when expanding upwards in…

… safari
Tencent · Sep 24, 2024 · 9814245 · 9814245
1 parent 8c666df
commit 9814245
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/dropdown-menu/dropdown-item.tsx b/src/dropdown-menu/dropdown-item.tsx
@@ -4,7 +4,7 @@ import config from '../config';
 import TButton from '../button';
 import TPopup from '../popup';
 import TCheckbox, { CheckboxGroup as TCheckboxGroup } from '../checkbox';
-import { useVModel, uniqueFactory } from '../shared';
+import { useVModel, uniqueFactory, getWindowSize } from '../shared';
 import DropdownItemProps from './dropdown-item-props';
 import { DropdownMenuState, DropdownMenuControl } from './context';
 import { TdDropdownMenuProps, DropdownValue } from './type';
@@ -90,11 +90,13 @@ export default defineComponent({
     const setExpand = (val: boolean) => {
       // 菜单定位
       const { bottom, top } = menuState.barRect;
+      const winHeight = getWindowSize().height;
+
       menuProps.direction === 'up'
         ? (state.expandStyle = {
             transform: menuProps.direction === 'up' ? 'rotateX(180deg) rotateY(180deg)' : '',
             zIndex: menuProps.zIndex,
-            bottom: `calc(100vh - ${top}px)`,
+            bottom: `${winHeight - top}px`,
           })
         : (state.expandStyle = {
             zIndex: menuProps.zIndex,

diff --git a/src/shared/index.ts b/src/shared/index.ts
@@ -3,6 +3,7 @@ export * from './util';
 export * from './component';
 export * from './constants';
 export * from './render';
+export * from './dom';
 export { default as TNode } from './render-tnode';
 
 /* Vue3 use */