Case ce-0032 · Scenario scenario-paste-media-handling

Pasting images into contenteditable is not supported consistently

OS: macOS Ubuntu 22.04 Device: Desktop or Laptop Any Browser: Chrome 120.0 Keyboard: US Status: draft
paste images media chrome

Phenomenon

When attempting to paste images (from clipboard) into a contenteditable region, the behavior is inconsistent across browsers. Some browsers ignore the paste, while others may insert a placeholder or fail silently.

Reproduction example

  1. Copy an image to the clipboard (e.g., from an image editor or screenshot).
  2. Create a contenteditable div.
  3. Focus the contenteditable.
  4. Paste (Cmd+V or Ctrl+V).
  5. Observe what happens.

Observed behavior

  • In Chrome on macOS, pasting images may be ignored or fail silently.
  • No visual feedback indicates that the paste was attempted.
  • The image data may be available in the clipboard but not inserted.

Expected behavior

  • Images should be pasted as <img> elements with appropriate src attributes.
  • Or, the beforeinput event should allow intercepting and handling image paste.
  • Clear feedback should indicate success or failure of the paste operation.

Playground for this case

Use the reported environment as a reference and record what happens in your environment while interacting with the editable area.

Reported environment
OS: macOS Ubuntu 22.04
Device: Desktop or Laptop Any
Browser: Chrome 120.0
Keyboard: US
Your environment

Use this editable area to reproduce the described case.

Event log
Use this log together with the case description when filing or updating an issue.
0 events
Interact with the editable area to see events here.