Case ce-0047-paste-from-clipboard-api · Scenario scenario-clipboard-api

Clipboard API paste does not work in contenteditable

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

Phenomenon

When using the Clipboard API (navigator.clipboard.readText() or navigator.clipboard.read()) to programmatically paste content into a contenteditable region, the paste operation may fail or not work as expected.

Reproduction example

  1. Create a contenteditable div.
  2. Copy some text to the clipboard.
  3. Use JavaScript to read from clipboard: await navigator.clipboard.readText().
  4. Try to insert the text into the contenteditable.
  5. Observe whether the paste works correctly.

Observed behavior

  • In Chrome on macOS, Clipboard API operations may fail in contenteditable contexts.
  • Permission errors may occur.
  • The paste may not trigger expected events or behaviors.

Expected behavior

  • Clipboard API should work reliably in contenteditable contexts.
  • Permissions should be handled correctly.
  • Paste operations should trigger appropriate events.

Browser compatibility matrix

This matrix shows which browser and OS combinations have documented cases for this scenario. The current case is highlighted. Click on a cell to view other cases.

Current case
Confirmed
Draft
— No case documented

All variants (detailed table)

Complete list of all cases for this scenario with full environment details.

Case OS Device Browser Keyboard Status
ce-0047-paste-from-clipboard-api macOS Ubuntu 22.04 Desktop or Laptop Any Chrome 120.0 US draft
ce-0084-contenteditable-with-clipboard-api Windows 11 Desktop or Laptop Any Firefox 120.0 US draft

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
Sample HTML:
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.

Comments & Discussion

Have questions, suggestions, or want to share your experience? Join the discussion below.