Support for vertical cell writing

facebook · Aug 24, 2024 · a98cea8 · a98cea8
1 parent 0c59d90
commit a98cea8
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/packages/lexical-playground/src/plugins/TableActionMenuPlugin/index.tsx b/packages/lexical-playground/src/plugins/TableActionMenuPlugin/index.tsx
@@ -495,7 +495,19 @@ function TableActionMenu({
       if ($isRangeSelection(selection) || $isTableSelection(selection)) {
         const [cell] = $getNodeTriplet(selection.anchor);
         const currentTextDirection = cell.getWritingMode();
-        cell.setWritingMode(!currentTextDirection ? 'vertical-lr' : null);
+        const newTextDirection = !currentTextDirection ? 'vertical-lr' : null;
+        cell.setWritingMode(newTextDirection);
+
+        if ($isTableSelection(selection)) {
+          const nodes = selection.getNodes();
+
+          for (let i = 0; i < nodes.length; i++) {
+            const node = nodes[i];
+            if ($isTableCellNode(node)) {
+              node.setWritingMode(newTextDirection);
+            }
+          }
+        }
       }
     });
   }, [editor]);