SortableJS/Sortable

AutoScroll overflow:hidden demo not working

Open

#1,734 opened on Feb 1, 2020

View on GitHub
 (6 comments) (3 reactions) (0 assignees)JavaScript (30,389 stars) (3,731 forks)batch import
bughelp wanted

Description

Problem:

The given demo does not work (Chrome 79, Mac OS Catalina): https://jsbin.com/xecihez/edit?html,js The list is not scrolling during a drag.

JSBin/JSFiddle demonstrating the problem:

https://jsbin.com/xecihez/edit?html,js,output

Contributor guide

Tech stack
javascript
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.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
basic CSS
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65
Research direction
Reproduce the issue using the provided JSBin. Investigate the autoscroll plugin in Sortable (e.g., src/plugins/AutoScroll.js) to understand how it handles overflow:hidden. Look for relevant comments or commits. Consider if the issue is due to a missing check for hidden overflow or a CSS conflict. Suggest verifying the demo's HTML and CSS structure.
AutoScroll overflow:hidden demo not working · SortableJS/Sortable#1734 | Good First Issue