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.