Case ce-0119-font-size-persistence-safari · Scenario scenario-font-size-change

Font size does not persist when typing after applying in Safari

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

Phenomenon

When applying a font size to selected text in Safari and then continuing to type, the new text does not inherit the font size. The size formatting is lost for newly typed characters.

Reproduction example

  1. Select some text in a contenteditable element
  2. Apply a font size (e.g., 18px)
  3. Place cursor after the formatted text
  4. Type new text

Observed behavior

  • The newly typed text uses the default font size
  • Font size formatting is not maintained for new text
  • This differs from Chrome/Edge where size persists
  • User must reapply font size for each new text segment

Expected behavior

  • Newly typed text should inherit the font size
  • Font size formatting should persist until explicitly changed
  • Behavior should be consistent with Chrome/Edge

Browser Comparison

  • Chrome/Edge: Font size persists for new text
  • Firefox: Size persistence may be less reliable
  • Safari: Font size does not persist (this case)

Notes and possible direction for workarounds

  • Intercept text insertion and apply font size
  • Use beforeinput event to detect text insertion
  • Apply font size style to newly inserted text
  • Maintain font size state for current typing position
Before
Hello World
Basic text
After Font Size
Hello World
18px font size applied
vs
✅ Expected
Hello World New
Expected: Newly typed text also inherits font size

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-0119-font-size-persistence-safari macOS 14.0 Desktop or Laptop Any Safari 17.0 US draft
ce-0144-font-size-unit-conversion Windows 11 Desktop or Laptop Any Chrome 120.0 US draft
ce-0166-font-size-persistence-edge Windows 11 Desktop or Laptop Any Edge 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
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.