Case ce-0122-auto-scroll-jarring · Scenario scenario-auto-scroll-on-typing

Auto-scroll is abrupt and jarring during rapid typing in Firefox

OS: Windows 11 Device: Desktop or Laptop Any Browser: Firefox 120.0 Keyboard: US Status: draft
scroll cursor typing firefox

Phenomenon

When typing rapidly near the edges of a contenteditable element in Firefox, the automatic scrolling to keep the cursor visible is abrupt and jarring. The scroll happens suddenly rather than smoothly.

Reproduction example

  1. Create a contenteditable element with scrollable content
  2. Type text rapidly near the bottom edge
  3. Observe scroll behavior

Observed behavior

  • Scroll happens abruptly without smooth animation
  • Multiple scroll jumps may occur during rapid typing
  • User experience is jarring
  • Scroll position may jump unexpectedly

Expected behavior

  • Scroll should be smooth and gradual
  • Scroll should happen predictably
  • User experience should be pleasant
  • Scroll should keep cursor visible without jarring

Browser Comparison

  • Chrome/Edge: Generally smoother scrolling
  • Firefox: More abrupt scrolling (this case)
  • Safari: Scroll behavior varies

Notes and possible direction for workarounds

  • Implement custom smooth scrolling
  • Use scrollIntoView with smooth behavior
  • Throttle scroll operations during rapid typing
  • Use requestAnimationFrame for smooth scrolling

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-0122-auto-scroll-jarring Windows 11 Desktop or Laptop Any Firefox 120.0 US draft
ce-0131-auto-scroll-lag-rapid-typing Windows 11 Desktop or Laptop Any Chrome 120.0 US draft
ce-0161-auto-scroll-performance 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: Firefox 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.