Fix left arrow selection on list nodes (#3575)

facebook · Dec 17, 2022 · f9d2927 · f9d2927 · vercel · Dec 17, 2022
1 parent e9c87fb
commit f9d2927
Showing 1 changed file with 15 additions and 11 deletions.
diff --git a/packages/lexical-react/src/LexicalCheckListPlugin.tsx b/packages/lexical-react/src/LexicalCheckListPlugin.tsx
@@ -114,17 +114,21 @@ export function CheckListPlugin(): null {
                   anchorNode,
                   (node) => $isElementNode(node) && !node.isInline(),
                 );
-
-                if (
-                  $isListItemNode(elementNode) &&
-                  (isElement || elementNode.getFirstDescendant() === anchorNode)
-                ) {
-                  const domNode = editor.getElementByKey(elementNode.__key);
-
-                  if (domNode != null && document.activeElement !== domNode) {
-                    domNode.focus();
-                    event.preventDefault();
-                    return true;
+                if ($isListItemNode(elementNode)) {
+                  const parent = elementNode.getParent();
+                  if (
+                    $isListNode(parent) &&
+                    parent.getListType() === 'check' &&
+                    (isElement ||
+                      elementNode.getFirstDescendant() === anchorNode)
+                  ) {
+                    const domNode = editor.getElementByKey(elementNode.__key);
+
+                    if (domNode != null && document.activeElement !== domNode) {
+                      domNode.focus();
+                      event.preventDefault();
+                      return true;
+                    }
                   }
                 }
               }