Case ce-0120-text-color-persistence-chrome · Scenario scenario-text-color-change

Text color persists when typing after applying in Chrome

OS: Windows 11 Device: Desktop or Laptop Any Browser: Chrome 120.0 Keyboard: US Status: draft
color text chrome

Phenomenon

When applying a text color to selected text in Chrome and then continuing to type, the new text inherits the color. This is the expected behavior and works correctly in Chrome/Edge.

Reproduction example

  1. Select some text in a contenteditable element
  2. Apply a text color (e.g., red)
  3. Place cursor after the colored text
  4. Type new text

Observed behavior

  • The newly typed text inherits the applied color
  • Color formatting persists for new text
  • This is the correct and expected behavior
  • Works consistently in Chrome/Edge

Expected behavior

  • Newly typed text should inherit the color (current behavior is correct)
  • Color formatting should persist until explicitly changed
  • Behavior should be consistent (which it is in Chrome/Edge)

Browser Comparison

  • Chrome/Edge: Color persists correctly (this case - correct behavior)
  • Firefox: Color persistence may be less reliable
  • Safari: Color may not persist

Notes and possible direction for workarounds

  • This behavior is correct and expected
  • May need to handle color removal explicitly
  • Consider if color should persist across paragraphs
  • Document expected behavior for users
Before
Hello|
Red text, cursor (|) at the end
After Typing
HelloWorld
Newly typed text also inherits red color (normal behavior)
vs
✅ Expected
HelloWorld
Expected: Newly typed text also inherits color (current behavior is correct)

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-0120-text-color-persistence-chrome Windows 11 Desktop or Laptop Any Chrome 120.0 US draft
ce-0145-text-color-format-consistency Windows 11 Desktop or Laptop Any Chrome 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.