Page MenuHomePhabricator

OOui DraggableGroupWidget doesn't work on touch devices
Closed, ResolvedPublic

Description

The OOui widgets work great on mobile, so I assume we have the goal of feature parity across interfaces. However, I've noticed that draggable elements aren't supported on touch devices.

Steps to reproduce:

  • Visit the mobile demo page.
  • Scroll to DraggableGroupWidget demos.
  • Try to drag items.

Depending on the touch mode, a touch-drag will either scroll the page, or will select an item as if it will be dragged, but then nothing happens when dragging to another location.

I've run into this limitation on two projects now, and the lack of mobile parity causes us to avoid this component where it would otherwise be useful.

Event Timeline

I ran into this in the https://commons.wikimedia.org/wiki/Commons:Sound_Logo_Vote voting gadget. Even finding a workaround for this would be appreciated, this is quite important for the sound logo voting :(

It seems it works in some phones and not all

Seems to be OS-focused. It works on iOS but not on Android, for me. (Tested on an iPhone 13 Pro and a ZTE Z6201V.)

Change 866292 had a related patch set uploaded (by Michael Große; author: Michael Große):

[oojs/ui@master] Enable Drag'n'Drop on Chrome on Android

https://gerrit.wikimedia.org/r/866292

Change 866292 merged by jenkins-bot:

[oojs/ui@master] DraggableElement: Enable Drag'n'Drop on Chrome on Android

https://gerrit.wikimedia.org/r/866292

Change 880992 had a related patch set uploaded (by Jforrester; author: Jforrester):

[mediawiki/core@master] Update OOUI to v0.46.2

https://gerrit.wikimedia.org/r/880992

Change 880992 merged by jenkins-bot:

[mediawiki/core@master] Update OOUI to v0.46.2

https://gerrit.wikimedia.org/r/880992

matmarex assigned this task to Michael.
matmarex subscribed.

I assume that fixed it.