** Changed in: mahara/21.04
Status: Fix Committed => Fix Released
--
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:
Fix Released
Status in Mahara 20.04 series:
Fix Released
Status in Mahara 20.10 series:
Fix Released
Status in Mahara 21.04 series:
Fix Released
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
