slate-angular 14.0.0 → 14.1.0

package/fesm2020/slate-angular.mjs

@@ -1688,8 +1688,8 @@ class ViewContainerItem {
         }
         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;
         }
     }
@@ -1864,7 +1864,10 @@ class BaseElementComponent extends BaseComponent {
         return this._context && this._context.element.children;
     }
     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.selection) && !this.readonly;
     }
     get readonly() {
         return this._context && this._context.readonly;
@@ -2839,7 +2842,7 @@ class SlateEditableComponent {
                 const { activeElement } = root;
                 const el = AngularEditor.toDOMNode(this.editor, this.editor);
                 const domSelection = root.getSelection();
-                if (activeElement === el || hasEditableTarget(this.editor, activeElement)) {
+                if (activeElement === el) {
                     this.latestElement = activeElement;
                     IS_FOCUSED.set(this.editor, true);
                 }
@@ -2873,7 +2876,9 @@ class SlateEditableComponent {
     }
     onDOMBeforeInput(event) {
         const editor = this.editor;
-        if (!this.readonly && hasEditableTarget(editor, event.target) && !this.isDOMEventHandled(event, this.beforeInput)) {
+        const root = AngularEditor.findDocumentOrShadowRoot(this.editor);
+        const { activeElement } = root;
+        if (!this.readonly && hasEditableTarget(editor, event.target) && !isTargetInsideVoid(editor, activeElement) && !this.isDOMEventHandled(event, this.beforeInput)) {
             try {
                 const { selection } = editor;
                 const { inputType: type } = event;
@@ -3157,8 +3162,11 @@ class SlateEditableComponent {
     }
     onDOMKeydown(event) {
         const editor = this.editor;
+        const root = AngularEditor.findDocumentOrShadowRoot(this.editor);
+        const { activeElement } = root;
         if (!this.readonly &&
             hasEditableTarget(editor, event.target) &&
+            !isTargetInsideVoid(editor, activeElement) && // stop fire keydown handle when focus void node
             !this.isComposing &&
             !this.isDOMEventHandled(event, this.keydown)) {
             const nativeEvent = event;