Case ce-0011 · Scenario scenario-formatting-persistence

Bold formatting is lost when typing after applying bold

OS: macOS 14.0 Device: Desktop or Laptop Any Browser: Safari 17.0 Keyboard: US Status: draft
formatting bold safari

Phenomenon

When applying bold formatting to selected text and then continuing to type, the bold formatting is not maintained for the newly typed characters in Safari.

Reproduction example

  1. Create a contenteditable div.
  2. Type some text.
  3. Select the text and apply bold formatting (Cmd+B or through execCommand).
  4. Place the caret at the end of the bold text.
  5. Continue typing.

Observed behavior

  • In Safari, newly typed characters after the bold text are not bold.
  • The formatting state appears to be lost when the caret moves.

Expected behavior

  • Newly typed characters should inherit the formatting of the preceding text when the caret is within or immediately after formatted text.

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 Linux Windows macOS
Chrome
ce-0021
120.0
Edge
ce-0029
120.0
Firefox
ce-0031
120.0
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-0011 macOS 14.0 Desktop or Laptop Any Safari 17.0 US draft
ce-0021 Windows 11 Desktop or Laptop Any Chrome 120.0 US draft
ce-0029 Windows 11 Desktop or Laptop Any Edge 120.0 US draft
ce-0031 Linux Ubuntu 22.04 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 14.0
Device: Desktop or Laptop Any
Browser: Safari 17.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.