SortableJS/Sortable

when I use `forceFallback:true` but it doesn't work with 'scroll-behavior: smooth ' css-style in it's parent

Open

#1,781 opened on Mar 30, 2020

View on GitHub
 (1 comment) (1 reaction) (0 assignees)JavaScript (30,389 stars) (3,731 forks)batch import
help wanted

Description

@mgnjatovic-kushim Try setting the option forceFallback:true. HTML native DnD has it's own autoscroll method that doesn't work the same as the implemented autoscroll.

Originally posted by @owen-m1 in https://github.com/SortableJS/Sortable/issues/1373#issuecomment-438233981

In this code https://jsbin.com/kesewor/edit?html,js,output

add css style

.smaller {
    scroll-behavior: smooth;
}

when it doesn't work..

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.
3
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.
mostly clear
Prerequisites
Sortable library usageCSS scroll behavior
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
Investigate the autoscroll implementation in Sortable, likely in src/autoscroll.js or similar. Check how forceFallback interacts with native browser autoscroll. Reproduce the issue with scroll behavior: smooth in a parent container. The linked JSbin shows the setup. Consider whether the smooth scrolling interferes with the fallback autoscroll logic. Look at comment #1373 for context.