Bold formatting is lost when typing after applying bold
OS: macOS 14.0 · Device: Desktop or Laptop Any · Browser: Safari 17.0 · Keyboard: US
Open case →Scenario
Bold formatting is lost when typing after applying bold
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.
formatting
Scenario ID
scenario-formatting-persistence
Details
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.
This scenario has been observed in multiple environments with similar behavior.
References
- Stack Overflow: WebKit styleWithCSS contenteditable not working - styleWithCSS issues
- Stack Overflow: Problems with contenteditable in Firefox - Firefox formatting persistence
- Stack Overflow: contenteditable replaces CSS classes with inline styles - Style replacement issues
Scenario flow
Visual view of how this scenario connects to its concrete cases and environments. Nodes can be dragged and clicked.
Variants
Each row is a concrete case for this scenario, with a dedicated document and playground.
| Case | OS | Device | Browser | Keyboard | Status |
|---|---|---|---|---|---|
| ce-0011-bold-formatting-lost | macOS 14.0 | Desktop or Laptop Any | Safari 17.0 | US | draft |
| ce-0021-bold-formatting-chrome | Windows 11 | Desktop or Laptop Any | Chrome 120.0 | US | draft |
| ce-0029-italic-formatting-edge | Windows 11 | Desktop or Laptop Any | Edge 120.0 | US | draft |
| ce-0031-underline-formatting-firefox | Linux Ubuntu 22.04 | Desktop or Laptop Any | Firefox 120.0 | US | draft |
Browser compatibility
This matrix shows which browser and OS combinations have documented cases for this scenario. Click on a cell to view the specific case.
| Browser | Linux | Windows | macOS |
|---|---|---|---|
| Chrome | — | — | |
| Edge | — | — | |
| Firefox | — | — | |
| Safari | — | — |
Confirmed
Draft
— No case documented
Cases
Open a case to see the detailed description and its dedicated playground.
Bold formatting is lost when typing after applying bold
OS: Windows 11 · Device: Desktop or Laptop Any · Browser: Chrome 120.0 · Keyboard: US
Open case →Italic formatting is lost when typing after applying italic
OS: Windows 11 · Device: Desktop or Laptop Any · Browser: Edge 120.0 · Keyboard: US
Open case →Underline formatting is lost when typing after applying underline
OS: Linux Ubuntu 22.04 · Device: Desktop or Laptop Any · Browser: Firefox 120.0 · Keyboard: US
Open case →Related Scenarios
Other scenarios that share similar tags or category.
Tags: formatting, bold
List formatting is lost when editing list items
When editing text within list items, formatting such as bold, italic, or links may be lost or behave unexpectedly. The list structure itself may also be lost when certain operations are performed, such as pasting content or applying formatting.
3 cases
Tags: formatting, bold
Nested formatting elements create complex DOM structures
Applying multiple formatting operations (bold, italic, underline, etc.) creates nested HTML elements that can become complex and hard to manage. Browsers handle nested formatting differently, and the resulting DOM structure can be inconsistent.
3 cases
Tags: formatting, bold
Typing adjacent to formatted elements causes unexpected behavior
When typing text next to formatted elements (links, bold, italic, etc.) in contenteditable, the input events may include the formatted element's text in event.data, selection ranges may include the formatted element, and text may be inserted into the formatted element instead of after it. This occurs across different browsers and input methods.
1 case
Tags: formatting
Code block editing behavior varies across browsers
Editing text within code blocks (<pre><code>) in contenteditable elements behaves inconsistently across browsers. Line breaks, indentation, whitespace preservation, and formatting may be handled differently, making it difficult to maintain code formatting.
4 cases
Tags: formatting
execCommand is deprecated but still widely used for formatting
The document.execCommand() API, which is commonly used to apply formatting (bold, italic, etc.) in contenteditable regions, has been deprecated. However, there is no complete replacement, and many implementations still rely on it. This creates uncertainty about future browser support.
1 case
Comments & Discussion
Have questions, suggestions, or want to share your experience? Join the discussion below.