Fall ce-0032 · Szenario scenario-paste-media-handling

Pasting images into contenteditable is not supported consistently

OS: macOS Ubuntu 22.04 Gerät: Desktop or Laptop Any Browser: Chrome 120.0 Tastatur: US Entwurf
pasteimagesmediachrome

Diese Seite wurde noch nicht übersetzt

Derzeit wird der englische Originalinhalt angezeigt. Wir freuen uns über Ihre Hilfe bei der Übersetzung.

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.