From cbc2b33364c2454529f67ff01f81cf25abc52292 Mon Sep 17 00:00:00 2001
From: pubuzhixing8 <pubuzhixing@gmail.com>
Date: Tue, 23 Aug 2022 11:49:35 +0800
Subject: [PATCH] fix(core): use context selection calc isCollapsed and resolve
 editor is undefined error

---
 .changeset/funny-jars-run.md        | 5 +++++
 packages/src/view/base.ts           | 4 ++--
 packages/src/view/container-item.ts | 2 +-
 3 files changed, 8 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/funny-jars-run.md

diff --git a/.changeset/funny-jars-run.md b/.changeset/funny-jars-run.md
new file mode 100644
index 00000000..65149b3d
--- /dev/null
+++ b/.changeset/funny-jars-run.md
@@ -0,0 +1,5 @@
+---
+"slate-angular": minor
+---
+
+use context selection calc isCollapsed and resolve editor is undefined error
diff --git a/packages/src/view/base.ts b/packages/src/view/base.ts
index 1cc942fa..db06aa87 100644
--- a/packages/src/view/base.ts
+++ b/packages/src/view/base.ts
@@ -132,11 +132,11 @@ export class BaseElementComponent<T extends Element = Element, K extends Angular
     }
 
     get isCollapsed() {
-        return this.selection && Range.isCollapsed(this.editor.selection);
+        return this.selection && Range.isCollapsed(this.selection);
     }
 
     get isCollapsedAndNonReadonly() {
-        return this.selection && Range.isCollapsed(this.editor.selection) && !this.readonly;
+        return this.selection && Range.isCollapsed(this.selection) && !this.readonly;
     }
 
     get readonly() {
diff --git a/packages/src/view/container-item.ts b/packages/src/view/container-item.ts
index 99e2c7da..28646cb8 100644
--- a/packages/src/view/container-item.ts
+++ b/packages/src/view/container-item.ts
@@ -67,8 +67,8 @@ export abstract class ViewContainerItem<T = SlateElementContext | SlateTextConte
         }
         if (isComponentType(this.viewType)) {
             const componentRef = this.viewContainerRef.createComponent(this.viewType);
-            componentRef.instance.context = context;
             componentRef.instance.viewContext = this.viewContext;
+            componentRef.instance.context = context;
             this.componentRef = componentRef;
         }
     }