fix : Add column shortcut gets hidden when mouse leave the table face…

…book#4857
sathishsridhar · Sep 27, 2023 · e04a6c9 · e04a6c9
1 parent 0ec034e
commit e04a6c9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/lexical-playground/src/nodes/TableComponent.tsx b/packages/lexical-playground/src/nodes/TableComponent.tsx
@@ -1716,7 +1716,11 @@ export default function TableComponent({
   }
 
   return (
-    <div style={{position: 'relative'}}>
+    <div
+    style={{
+      position: 'relative',
+      width: (tableRef.current?.clientWidth || 0) + 'px',
+    }}>
       <table
         className={`${theme.table} ${isSelected ? theme.tableSelected : ''}`}
         ref={tableRef}

diff --git a/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css b/packages/lexical-playground/src/themes/PlaygroundEditorTheme.css
@@ -187,7 +187,7 @@
   width: 20px;
   background-color: #eee;
   height: 100%;
-  right: 0;
+  right: -25px;
   animation: table-controls 0.2s ease;
   border: 0;
   cursor: pointer;