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 建立於 2020年3月30日

在 GitHub 查看
 (1 留言) (1 反應) (0 負責人)JavaScript (30,389 star) (3,731 fork)batch import
help wanted

描述

@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..

貢獻者指南

技術棧
javascript
領域
frontend
議題類型
bug
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 hours
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
mostly clear
前置要求
Sortable library usageCSS scroll behavior
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
40
研究方向
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.