案例 ce-0084 · 场景 scenario-clipboard-api

Clipboard API read/write works inconsistently with contenteditable

操作系统: Windows 11 设备: Desktop or Laptop Any 浏览器: Firefox 120.0 键盘: US 草稿
clipboard-apipastefirefoxwindows

此页面尚未翻译

目前显示的是英文原文。欢迎您参与翻译工作。

Phenomenon

When using the Clipboard API (navigator.clipboard.readText/writeText) with contenteditable elements, the behavior may be inconsistent. Reading clipboard content may not work during paste events, and writing to clipboard may not preserve formatting.

Reproduction example

  1. Create a contenteditable div.
  2. Listen for paste events.
  3. Try to read clipboard content using Clipboard API.
  4. Try to write formatted content to clipboard.
  5. Observe any errors or inconsistencies.

Observed behavior

  • In Firefox on Windows, Clipboard API may not work correctly with contenteditable.
  • Reading clipboard during paste may require user gesture.
  • Writing formatted content may not preserve HTML.
  • Permissions may be required inconsistently.

Expected behavior

  • Clipboard API should work seamlessly with contenteditable.
  • Reading should work during paste events.
  • Writing should preserve formatting when appropriate.

此场景的变体

案例 操作系统 浏览器 状态
ce-0047 macOS Ubuntu 22.04 Chrome 120.0 草稿
ce-0084 Windows 11 Firefox 120.0 草稿

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: Windows 11
Device: Desktop or Laptop Any
Browser: Firefox 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.