shoelace-style/shoelace

Carousel keyboard scrolling is "lagging" on chrome

Open

#2,265 opened on Nov 9, 2024

View on GitHub
 (4 comments) (0 reactions) (0 assignees)TypeScript (922 forks)github user discovery
bughelp wanted

Repository metrics

Stars
 (13,867 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

Describe the bug

When using Chrome, using the keyboard arrows to change images in a carousel is slow and lead to visual lags. Holding the arrow key generate severe "lag" Doing the same on Safari feels better (snappier).

I don't think it's due to performance, most likely the way some event re-fire.

To Reproduce

Steps to reproduce the behavior:

  1. Go to the carousel page
  2. Click on the image
  3. Press and hold the right arrow key

Repeatedly pressing the arrow key in quick succession also generate some "lag".

Screenshots

https://github.com/user-attachments/assets/6295ede5-2ae0-4d94-9a8e-443dcafdcde4

Browser / OS

  • OS: Mac (ARM)
  • Browser: Chrome
  • Browser version: 130.0.6723.70

Additional information

Provide any additional information about the bug here.

Contributor guide

Research direction
Investigate the keydown event handler in the carousel component, focusing on how it handles repeated key events in Chrome. Compare with Safari's behavior and look for differences in event repeat or debouncing logic.
Tech stack
typescript
Domain
frontend
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
JavaScriptDOM Events
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70