fix: improve table action button visibility logic

Previously, the action button would hide when any part of the cell overflowed.
Now it only hides when the button itself would be inaccessible:
- Calculate actual button position (5px from right edge)
- Account for button width (20px)
- Hide only if button would overflow container bounds
- Check both left and right edges of button for visibility

This makes the button more accessible while still preventing UI issues
when the button would be partially hidden.

Author: kirandash

packages/lexical-playground/src/plugins/TableActionMenuPlugin/index.tsx

@@ -803,14 +803,6 @@ function TableCellActionMenuContainer({
 
   const checkTableCellOverflow = useCallback(
     (tableCellParentNodeDOM: HTMLElement): boolean => {
-      // Check if the cell is overflowed by checking the element directly
-      const isOverflowed =
-        tableCellParentNodeDOM.scrollWidth >
-          tableCellParentNodeDOM.clientWidth ||
-        tableCellParentNodeDOM.scrollHeight >
-          tableCellParentNodeDOM.clientHeight;
-
-      // Check if the cell is within the visible bounds of its scrollable container
       const scrollableContainer = tableCellParentNodeDOM.closest(
         '.PlaygroundEditorTheme__tableScrollableWrapper',
       );
@@ -820,17 +812,20 @@ function TableCellActionMenuContainer({
         ).getBoundingClientRect();
         const cellRect = tableCellParentNodeDOM.getBoundingClientRect();
 
-        // Check if the cell's right edge is beyond the container's right edge
-        // or if the cell's left edge is before the container's left edge
+        // Calculate where the action button would be positioned (5px from right edge of cell)
+        // Also account for the button width (20px) and its right margin (5px)
+        const actionButtonRight = cellRect.right - 5;
+        const actionButtonLeft = actionButtonRight - 20;
+
+        // Only hide if the action button would overflow the container
         if (
-          cellRect.right > containerRect.right ||
-          cellRect.left < containerRect.left
+          actionButtonRight > containerRect.right ||
+          actionButtonLeft < containerRect.left
         ) {
           return true;
         }
       }
-
-      return isOverflowed;
+      return false;
     },
     [],
   );