Case ce-0006-paste-strips-markup · Scenario scenario-paste-formatting-loss

Pasting rich text into contenteditable strips markup unexpectedly

OS: Windows 11 Device: Desktop or Laptop Any Browser: Chrome 120.0 Keyboard: US Status: draft
paste clipboard formatting

Phenomenon

When pasting content from a rich text source (such as a word processor or a web page) into a contenteditable element, the resulting DOM loses headings, lists, or inline formatting that were present in the source.

Reproduction example

  1. Copy a short formatted snippet from another application or web page:
    • A heading
    • A bulleted or numbered list
    • A line with bold or italic text
  2. Focus the editable area.
  3. Paste the content using the keyboard shortcut or context menu.

Observed behavior

  • The pasted content appears as plain text.
  • List markers become plain characters, or multiple lines collapse into one.
  • Inline styles such as bold or italic are not preserved in the DOM.

Expected behavior

  • At least some structural markup (headings, lists, paragraphs) is preserved.
  • Inline formatting is preserved or deliberately normalized in a documented way.

Notes

  • Compare behavior across browsers and OS combinations using the same source content.
  • Decide whether the product should preserve external markup, normalize it to a limited internal model, or always strip it to plain text.
Clipboard

Title

  • Bold
  • Italic
Copied formatted content
❌ After Paste
Title
Bold
Italic
Formatting lost, only text remains
vs
✅ Expected

Title

  • Bold
  • Italic
Formatting maintained

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.

Browser Windows macOS
Chrome
Firefox
Safari
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-0006-paste-strips-markup Windows 11 Desktop or Laptop Any Chrome 120.0 US draft
ce-0024-paste-html-preserved macOS Ubuntu 22.04 Desktop or Laptop Any Safari 120.0 US draft
ce-0039-paste-table-structure-lost 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: Windows 11
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.