secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Disable dragability fully unless can_sort, prevents impossible scrolling on touch devices

Browse Source
This commit is contained in:
James Barnsley
2022-01-29 07:48:53 +13:00
parent 47c25cc08e
commit 597f691807
1 changed files with 19 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/js/components/Track.js
View File

@ -120,23 +120,25 @@ const Track = ({
// If we're touchable, and can sort this tracklist
let drag_zone = null;
let wrapperRef = useRef(null);
if (isTouchDevice() && can_sort) {
// Drag ref is our handler ONLY
// Drop ref is our whole row, so the whole row can be dropped on
wrapperRef = drop(wrapperRef);
className += ' list__item--has-drag-zone';
drag_zone = (
<span
className="list__item__column__item list__item__column__item--drag-zone drag-zone"
onTouchStart={(e) => events.onTouchStart(item, index, e)}
ref={drag}
>
<Icon name="drag_indicator" />
</span>
);
} else {
// Merge drag and drop refs
wrapperRef = drag(drop(wrapperRef));
if (can_sort) {
if (isTouchDevice()) {
// Drag ref is our handler ONLY
// Drop ref is our whole row, so the whole row can be dropped on
wrapperRef = drop(wrapperRef);
className += ' list__item--has-drag-zone';
drag_zone = (
<span
className="list__item__column__item list__item__column__item--drag-zone drag-zone"
onTouchStart={(e) => events.onTouchStart(item, index, e)}
ref={drag}
>
<Icon name="drag_indicator" />
</span>
);
} else {
// Merge drag and drop refs
wrapperRef = drag(drop(wrapperRef));
}
}
const track_middle_column = <MiddleColumn context={context} item={item} />;