Fix editable property being forced to true (#2945)

Co-authored-by: Tim Laubert <tim.laubert@azurspace.com>

Author: 2 people

packages/lexical-react/src/LexicalComposer.tsx

@@ -89,7 +89,7 @@ export function LexicalComposer({initialConfig, children}: Props): JSX.Element {
   useLayoutEffect(() => {
     const isEditable = initialConfig.editable;
     const [editor] = composerContext;
-    editor.setEditable(isEditable || true);
+    editor.setEditable(isEditable !== undefined ? isEditable : true);
 
     // We only do this for init
     // eslint-disable-next-line react-hooks/exhaustive-deps

packages/lexical-website/docs/concepts/read-only.md

@@ -44,7 +44,7 @@ editor.setEditable(true);
 In order to find the current mode of the editor you can use:
 
 ```js
-const readOnly = editor.isEditable(); // Returns true or false
+const isEditable = editor.isEditable(); // Returns true or false
 ```
 
 You can also get notified when the editor's read only mode has changed:

packages/lexical/src/LexicalEditor.ts

@@ -342,7 +342,7 @@ export function createEditor(editorConfig?: {
     ...(config.nodes || []),
   ];
   const onError = config.onError;
-  const isEditable = config.editable || true;
+  const isEditable = config.editable !== undefined ? config.editable : true;
   let registeredNodes;
 
   if (editorConfig === undefined && activeEditor !== null) {