Commit 34ce1cf
authored
chore: prevent tall steps from blocking other steps (#1229)
## Problem
* Template step would block other steps when being dragged
## Bugfix
Extra padding causing a gap between the screen and the scrollbar
## Solution
* Use `verticalListSortingStrategy`, which is a sorting strategy
optimized for vertical lists (supports virtualized lists).
verticalListSortingStrategy computes transforms for vertical lists and
is intended for use as the strategy prop on SortableContext. It’s
optimized for single-column vertical layouts and supports virtualized
lists (use instead of the default rectSortingStrategy when rendering
long or virtualized vertical lists).
## Before & After Screenshots
**BEFO
<img width="1512" height="812" alt="Screenshot 2025-09-23 at 6 24 10 PM"
src="https://github.com/user-attachments/assets/38a13653-ea74-461a-a298-e755805b6257"
/>
RE**:
**AFTER**:
<img width="1920" height="961" alt="Screenshot 2025-09-23 at 6 39 14 PM"
src="https://github.com/user-attachments/assets/68f4458c-a772-4cf6-9bf6-b40a082452c0"
/>
## Tests
- [ ] Reordering steps still work as intended1 parent 17fb869 commit 34ce1cf
2 files changed
+2
-2
lines changed| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
8 | 8 | | |
9 | 9 | | |
10 | 10 | | |
11 | | - | |
12 | 11 | | |
13 | 12 | | |
14 | 13 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
19 | 19 | | |
20 | 20 | | |
21 | 21 | | |
| 22 | + | |
22 | 23 | | |
23 | 24 | | |
24 | 25 | | |
| |||
77 | 78 | | |
78 | 79 | | |
79 | 80 | | |
80 | | - | |
| 81 | + | |
81 | 82 | | |
82 | 83 | | |
83 | 84 | | |
| |||
0 commit comments