Grid Stack items prevent touch swipe
Affects | Status | Importance | Assigned to | Milestone | |
---|---|---|---|---|---|
Mahara |
Fix Released
|
High
|
Unassigned | ||
20.04 |
Fix Released
|
High
|
Unassigned | ||
20.10 |
Fix Released
|
High
|
Unassigned | ||
21.04 |
Fix Released
|
High
|
Unassigned |
Bug Description
The JQuery UI components used in Grid Stack prevent touch swipe for scrolling on mobile devices. The actual tiles created by Grid Stack contain the class "ui-draggable-
.ui-draggable-
-ms-
touch-action: none;
}
As you can see in the screenshot attached to the issue, having multiple tiles will confuse users because they can only scroll outside of the actual tile. The more width and the less space the tiles have, it becomes almost impossible to scroll on a smartphone.
We used the following workaround to patch this problem:
.grid-stack>
touch-action: auto!important;
}
However it would be better to solve this cleanly.
Mahara version: 20.04, but according to source unchanged in current versions
no longer affects: | mahara/21.10 |
Hi Lorenz,
Thank you for reporting this problem. We have received a similar report as well, are looking into a solution and will review yours.
For Mahara 21.10 we are looking into upgrading the Gridstack library and will check if the fix is still needed then. So far, we have the following in code review https:/ /reviews. mahara. org/11815 and you are welcome to give it a go and check it out already for general testing.
Thank you
Kristina