fix: hover controls position

AppFlowy-IO · Dec 30, 2024 · 76c2ce9 · 76c2ce9
1 parent 256d015
commit 76c2ce9
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/...tend/appflowy_web_app/src/components/editor/components/table-container/TableContainer.tsx b/...tend/appflowy_web_app/src/components/editor/components/table-container/TableContainer.tsx
@@ -3,7 +3,7 @@ import { getScrollParent } from '@/components/global-comment/utils';
 import React, { useCallback, useEffect, useRef } from 'react';
 import { ReactEditor, useReadOnly, useSlateStatic } from 'slate-react';
 
-function TableContainer({ blockId, readSummary, children, paddingLeft = 0 }: {
+function TableContainer ({ blockId, readSummary, children, paddingLeft = 0 }: {
   blockId: string;
   readSummary?: boolean;
   children?: React.ReactNode;
@@ -99,12 +99,12 @@ function TableContainer({ blockId, readSummary, children, paddingLeft = 0 }: {
       <div
         ref={controlRef}
         style={{
-          left: (left - 64) + 'px',
+          left: (offsetLeftRef.current - 64) + 'px',
           visibility: showControl ? 'visible' : 'hidden',
           zIndex: showControl ? 10 : -1,
           pointerEvents: showControl ? 'auto' : 'none',
         }}
-        
+
         contentEditable={false}
         className={'absolute z-[10] w-[64px] top-2 block pr-1'}
       >