Automattic / Automattic/jetpack
Image Compare Block: avoid lagging when moving the slider too quickly
- Dominant language
- PHP
- Stars
- 1.8k
- Forks
- 898
- Avg merge
- 1d 18h
- Merged PRs (30d)
- 774
Description
This may be something that can only be addressed in [the Juxtapose library](https://github.com/NUKnightLab/juxtapose) itself, but noting it here for reference.
This only seems to happen with large images, and when using the slider quickly:
As a comparison, this does not seem to happen with [the Twentytwenty jQuery Plugin](https://github.com/zurb/twentytwenty):
Reported here:
https://wordpress.org/support/topic/the-new-before-after-image-comparison/
Contributor guide
Research direction
Start by reproducing the issue with large images while moving the Image Compare slider quickly, using the attached comparison recordings and the linked Juxtapose library as context. Compare the behavior with the Twentytwenty jQuery Plugin; done means the Image Compare Block no longer visibly lags during rapid slider movement.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, jquery
- Domain
- frontend, performance
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100