Cas ce-0006 · Scénario scenario-paste-formatting-loss

Pasting rich text into contenteditable strips markup unexpectedly

OS: Windows 11 Appareil: Desktop or Laptop Any Navigateur: Chrome 120.0 Clavier: US Brouillon
pasteclipboardformatting

Cette page n'a pas encore été traduite

Le contenu original en anglais est actuellement affiché. Nous apprécierions votre contribution à la traduction.

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.

Variantes de ce scénario

Cas OS Navigateur Statut
ce-0006 Windows 11 Chrome 120.0 Brouillon
ce-0024 macOS Ubuntu 22.04 Safari 120.0 Brouillon
ce-0039 Windows 11 Firefox 120.0 Brouillon

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

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.