[examples/images] Copying an image node does not paste visible content into an external app

[wudidewo12]

Description

In the Images example, copying an image/visual void node from the editor and pasting it into an external app behaves differently between the live reference site and the current local v2 build.

The live reference can paste visible content into the external target. The local build pastes nothing.

This is specifically about copying the visual image void node itself, not ordinary text copying inside the editor.

Recording
Screenshots attached below:

Local actual behavior:

Live reference expected behavior:

Video attached below:

Screenshots or a short recording should be attached.

Recommended evidence order:

1. External target before paste.
2. Live reference paste result.
3. Local paste result.

Video walkthrough:

1. Select/copy the image node from examples/images.
2. Paste into the same external target app.
3. Repeat the same action on the live reference site.
4. Compare the visible paste result.

Sandbox

No standalone sandbox. Reproduced in the Slate Images example.

Local reproduction URL:

http://localhost:3100/examples/images

Reference URL:

https://www.slatejs.org/examples/images

Steps

To reproduce the behavior:

1. Open examples/images in the local Slate examples site.
2. Select the actual image/visual void node in the editor.
3. Copy it, for example with Cmd+C.
4. Paste into an external app or text target.
5. Repeat the same steps on the live reference site.

Expectation

Copying the image/visual void node should provide clipboard content that can be pasted into the same external target, matching the live reference behavior.

Live reference behavior:

• On https://www.slatejs.org/examples/images, copying the image/visual void node and pasting into the external target produces visible pasted content.

Actual behavior

On the live reference site, pasting the copied image node into the external target produces visible pasted content.

On the local v2 build, pasting the copied image node into the same external target produces no visible content.

Local actual behavior:

• On http://localhost:3100/examples/images, copying the same kind of image/visual void node and pasting into the same external target produces no visible pasted content.

Environment

• Slate branch: v2
• Current local commit tested: ce2bd6c6
• Local examples site: http://localhost:3100
• Reference examples site: https://www.slatejs.org
• Browser: Chrome on macOS
• OS: macOS
• Example route: examples/images

Impact

This breaks copy/paste interoperability for image void nodes. Users can copy the visual node from the live reference and paste visible content externally, but the local build appears to place no usable visible content on the clipboard for the same action.

[zbeyens]

🟢 95-100% confidence

Phase	🧪 Tests	🌐 Browser
Reproduced	🔴 Image clipboard payload row failed in the issue plan	✅ Local behavior matched the report
Verified	🟢 Focused images clipboard row passed	✅ Copied image carries visible external HTML payload

🌐 Browser Check

• Open http://localhost:3100/examples/images.
• Select the image/visual void node.
• Copy it with Cmd+C.
• Paste into an external rich target.
• Confirm visible image content is available from the clipboard payload.

✅ Outcome

• Copying a selected image void writes visible external HTML.
• The clipboard payload includes usable image content instead of only internal Slate data or empty visible content.

⚠️ Caveat

• Report baseline was ce2bd6c6; current v2 HEAD 07d79634 contains the verified behavior.

🏗️ Design

• Chosen owner: DOM clipboard export for selected block voids.
• Why not quick patch: adding image-example clipboard special cases would leave other block void exports broken.
• Why not broader change: internal Slate fragment data already worked; the missing part was external visible HTML.

🧪 Verified

• PLAYWRIGHT_RETRIES=0 PLAYWRIGHT_BASE_URL=http://localhost:3100 bun playwright playwright/integration/examples/images.test.ts --project=chromium --grep "copies selected image with visible external HTML payload|selects image editor text content from text focus with keyboard select all"
• bun test ./packages/slate-dom/test/clipboard-boundary.ts
• bun check

[zbeyens]

Closing: current v2 HEAD is verified with 95%+ confidence.