fix: project split inline content

Author: Azganoth

CHANGELOG.md

@@ -30,7 +30,8 @@ sections and version names that match the application package version.
 - Preserve empty link destinations and GFM link titles while editing projected
   link source.
 - Let `Enter` and `Shift+Enter` continue through normal editor behavior after
-  committing projected source, without using `Escape` to close projection.
+  committing projected source, immediately project formatted content that moves
+  with the caret, and avoid using `Escape` to close projection.
 
 ## [0.1.0-alpha.1] - 2026-07-10
 

docs/specification.md

@@ -187,8 +187,9 @@ The editor is a unified hybrid Markdown surface. Behavior is governed by renderi
   the projection finalizes and preserves the user's selection range.
 - `Enter` and `Shift+Enter` internally finalize active projected source before
   continuing through the editor's normal line-break behavior in the same
-  keypress. `Escape` leaves projection active while the caret remains on its
-  target.
+  keypress. When formatted content moves with the caret, its new inline target
+  immediately enters projection. `Escape` leaves projection active while the
+  caret remains on its target.
 - Normal click places the caret in a link; `Mod+click` opens it.
 - Footnote references render inline and expose editable raw Markdown syntax near
   the caret.

src/features/editor/plugins/sourceProjection.test.tsx

@@ -741,7 +741,7 @@ describe("source projection", () => {
   });
 
   describe("keyboard handoff", () => {
-    it("finalizes projected source and delegates Enter to Milkdown", async () => {
+    it("delegates Enter and projects the formatted content after the split", async () => {
       const mounted = await mountProjectionEditor("**LeftRight**");
 
       enterProjection(mounted, "strong");
@@ -754,16 +754,19 @@ describe("source projection", () => {
       const { handled } = runKeyDownHandlers(mounted.view, "Enter");
 
       expect(handled).toBe(true);
-      expect(hasActiveSourceProjection(mounted.view.state)).toBe(false);
+      expect(hasActiveSourceProjection(mounted.view.state)).toBe(true);
       expect(mounted.view.dom.querySelectorAll("p")).toHaveLength(2);
       expect(
         Array.from(mounted.view.dom.querySelectorAll("strong"), (element) => element.textContent),
-      ).toEqual(["Left edited", "Right"]);
-      expect(mounted.view.state.selection.$from.parent.textContent).toBe("Right");
-      expect(mounted.view.state.selection.$from.parentOffset).toBe(0);
+      ).toEqual(["Left edited"]);
+      expect(
+        mounted.view.dom.querySelector(".leafdown-source-projection__content--strong"),
+      ).toHaveTextContent("Right");
+      expect(mounted.view.state.selection.$from.parent.textContent).toBe("**Right**");
+      expect(mounted.view.state.selection.$from.parentOffset).toBe(2);
     });
 
-    it("finalizes projected source and delegates Shift+Enter to Milkdown", async () => {
+    it("delegates Shift+Enter and projects the formatted content after the break", async () => {
       const mounted = await mountProjectionEditor("**LeftRight**");
 
       enterProjection(mounted, "strong");
@@ -775,11 +778,14 @@ describe("source projection", () => {
       const { handled } = runKeyDownHandlers(mounted.view, "Enter", { shift: true });
 
       expect(handled).toBe(true);
-      expect(hasActiveSourceProjection(mounted.view.state)).toBe(false);
+      expect(hasActiveSourceProjection(mounted.view.state)).toBe(true);
       expect(mounted.view.dom.querySelector("br")).toBeInTheDocument();
       expect(
         Array.from(mounted.view.dom.querySelectorAll("strong"), (element) => element.textContent),
-      ).toEqual(["Left", "Right"]);
+      ).toEqual(["Left"]);
+      expect(
+        mounted.view.dom.querySelector(".leafdown-source-projection__content--strong"),
+      ).toHaveTextContent("Right");
     });
 
     it("delegates Enter after committing invalid projected source literally", async () => {

src/features/editor/plugins/sourceProjection.ts

@@ -24,7 +24,6 @@ import { getRangeText, getTextBetween, type TextRange } from "../utils/textRange
 const EMPTY_PROJECTION_STATE: SourceProjectionPluginState = {
   pendingCommit: null,
   session: null,
-  suppressAfterEnter: false,
   suppressAt: null,
 };
 
@@ -49,14 +48,12 @@ interface PendingProjectionCommit extends TextRange {
 interface SourceProjectionPluginState {
   pendingCommit: PendingProjectionCommit | null;
   session: ProjectionSession | null;
-  suppressAfterEnter: boolean;
   suppressAt: number | null;
 }
 
 type ProjectionHistoryDirection = "redo" | "undo";
 
 type ProjectionMeta =
-  | { type: "delegateEnter" }
   | { type: "enter"; session: ProjectionSession }
   | { type: "enterFromUserEdit"; session: ProjectionSession }
   | { type: "userEdit"; previousSource: string }
@@ -202,7 +199,6 @@ export const isSourceProjectionHousekeepingTransaction = (transaction: Transacti
   const meta = getProjectionMeta(transaction);
 
   return (
-    meta?.type === "delegateEnter" ||
     meta?.type === "enter" ||
     meta?.type === "restoreBeforeCommit" ||
     meta?.type === "commitAfterRestore"
@@ -253,18 +249,10 @@ const applyProjectionTransaction = (
 ): SourceProjectionPluginState => {
   const meta = getProjectionMeta(transaction);
 
-  if (meta?.type === "delegateEnter") {
-    return {
-      ...pluginState,
-      suppressAfterEnter: true,
-    };
-  }
-
   if (meta?.type === "enter" || meta?.type === "enterFromUserEdit") {
     return {
       pendingCommit: null,
       session: meta.session,
-      suppressAfterEnter: false,
       suppressAt: null,
     };
   }
@@ -273,7 +261,6 @@ const applyProjectionTransaction = (
     return {
       pendingCommit: meta.pendingCommit,
       session: null,
-      suppressAfterEnter: pluginState.suppressAfterEnter,
       suppressAt: meta.suppressAt,
     };
   }
@@ -282,22 +269,15 @@ const applyProjectionTransaction = (
     return {
       pendingCommit: null,
       session: null,
-      suppressAfterEnter: pluginState.suppressAfterEnter,
       suppressAt: meta.suppressAt,
     };
   }
 
-  const didHandleDelegatedEnter = pluginState.suppressAfterEnter && transaction.docChanged;
-  const suppressAfterEnter = didHandleDelegatedEnter ? false : pluginState.suppressAfterEnter;
-  const suppressAt =
-    didHandleDelegatedEnter && transaction.selection.empty
-      ? transaction.selection.from
-      : getMappedSuppressPosition(pluginState.suppressAt, transaction);
+  const suppressAt = getMappedSuppressPosition(pluginState.suppressAt, transaction);
 
   if (!pluginState.session) {
     return {
       ...pluginState,
-      suppressAfterEnter,
       suppressAt,
     };
   }
@@ -317,7 +297,6 @@ const applyProjectionTransaction = (
             ? session.undoStack
             : [...session.undoStack, meta.previousSource],
       },
-      suppressAfterEnter,
       suppressAt,
     };
   }
@@ -330,7 +309,6 @@ const applyProjectionTransaction = (
         redoStack: [...session.redoStack, meta.currentSource],
         undoStack: session.undoStack.slice(0, -1),
       },
-      suppressAfterEnter,
       suppressAt,
     };
   }
@@ -343,7 +321,6 @@ const applyProjectionTransaction = (
         redoStack: session.redoStack.slice(0, -1),
         undoStack: [...session.undoStack, meta.currentSource],
       },
-      suppressAfterEnter,
       suppressAt,
     };
   }
@@ -352,15 +329,13 @@ const applyProjectionTransaction = (
     return {
       pendingCommit: null,
       session: null,
-      suppressAfterEnter,
       suppressAt,
     };
   }
 
   return {
     ...pluginState,
     session,
-    suppressAfterEnter,
     suppressAt,
   };
 };
@@ -534,11 +509,6 @@ const handleProjectionKeyDown = (view: EditorView, event: KeyboardEvent) => {
   }
 
   if (event.key === "Enter") {
-    view.dispatch(
-      view.state.tr.setMeta("addToHistory", false).setMeta(leafdownSourceProjectionPluginKey, {
-        type: "delegateEnter",
-      } satisfies ProjectionMeta),
-    );
     finalizeSourceProjection(view);
 
     return false;