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 ** Changed in: mahara Status: New => Confirmed ** Changed in: mahara Importance: Undecided => High ** Also affects: mahara/21.04 Importance: Undecided Status: New ** Also affects: mahara/21.10 Importance: High Status: Confirmed ** Also affects: mahara/20.10 Importance: Undecided Status: New ** Also affects: mahara/20.04 Importance: Undecided Status: New ** Changed in: mahara/21.10 Milestone: None => 21.10.0 ** Changed in: mahara/21.04 Milestone: None => 21.04.2 ** Changed in: mahara/20.10 Milestone: None => 20.10.3 ** Changed in: mahara/20.04 Milestone: None => 20.04.5 ** Changed in: mahara/21.04 Importance: Undecided => High ** Changed in: mahara/20.10 Importance: Undecided => High ** Changed in: mahara/20.04 Importance: Undecided => High ** Changed in: mahara/21.04 Status: New => Confirmed ** Changed in: mahara/20.10 Status: New => Confirmed ** Changed in: mahara/20.04 Status: New => Confirmed -- You received this bug notification because you are a member of Mahara Contributors, which is subscribed to Mahara. Matching subscriptions: mahara-contributors https://bugs.launchpad.net/bugs/1930624 Title: Grid Stack items prevent touch swipe Status in Mahara: Confirmed Status in Mahara 20.04 series: Confirmed Status in Mahara 20.10 series: Confirmed Status in Mahara 21.04 series: Confirmed Status in Mahara 21.10 series: Confirmed 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-handle" which disables any touch action: .ui-draggable-handle { -ms-touch-action: none; 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>.grid-stack-item>.grid-stack-item-content { 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 To manage notifications about this bug go to: https://bugs.launchpad.net/mahara/+bug/1930624/+subscriptions _______________________________________________ Mailing list: https://launchpad.net/~mahara-contributors Post to : mahara-contributors@lists.launchpad.net Unsubscribe : https://launchpad.net/~mahara-contributors More help : https://help.launchpad.net/ListHelp
