Skip to content

Drag and Drop for ui5-list does not work on mobile devices #12825

@darshikajain2309

Description

@darshikajain2309

Bug Description

The drag-and-drop functionality provided by ui5-list works as expected on desktop/web browsers using mouse interactions. However, the same functionality does not work on mobile devices (touch-based interaction).

On mobile (tested on Android and iOS browsers), list items cannot be dragged or reordered using touch gestures. There is no visual feedback or drag initiation, making drag-and-drop unusable on mobile.

This creates an inconsistency between desktop and mobile behavior and limits usability for mobile-first or responsive applications.

Affected Component

ui5-list (Drag and Drop feature) Documentation reference: https://ui5.github.io/webcomponents/components/List/#drag-and-drop

Expected Behaviour

Drag-and-drop should work consistently across desktop and mobile devices.

Users should be able to reorder list items using touch gestures on mobile.

Isolated Example

https://ui5.github.io/webcomponents/play/#eNqtVG1P2zAQ_ism-9AW1cnYhjS1Cdp4mYS0CSTYh0n94sZXakjsyHbKqtL_vrOTtmmhBdFJBNV39zz3frNASA5_w7HNs6A3CyTLIeg1hd0gVdKCtCiODyglRcamd1qVktORyjih9GSgBzI-OL86u_1zfUEcrBK5XyRj8i4ZBCAHgZf6D3XA-MlAEvyLjZ1m4B6HPalsu8dhJCTwDpmhjAvjXPaIVBL6KJg7vPfi9SOlU-A0VZnSlPH70tg1WxJHC37nmsQ5WEbSMdMGLAb2-_YH_VrHVitdFVAzEfBYKG0HAalrgMJHwe044TARKVD_6BIhhRUsoyZlGSRH4cclnRUWPd-wvMggjqqXL01U5V_XIx4qPiU-THQxZOlDXWGfVY9MmG5TalhxulSdOU1n6eiFzlCQy-5URqU4ppkwlgiObtyvc8mPlhyVmghMFtXpGNIHZ0OFhRxrkKsJG2L8l_gkH47iqLJ_D_jTPuDP-4C_7AM-3gBHi4I2arxjRXDQUy0KS-y0cH3OFS8zQC9Gp-7JhAzvDbYDJ9Yb1qPihmM1KtFqv15pejDvLkgbu72QNBc7OmzyjAUHchgNpMjd-JNBEEYNtSkLJ_ah4o49x_oY1vDfsFDRIwxThRKJPk2Ea22jn_iv5tFvNHeduLFMcqb5m6DU9bYmWO_vM_gvNYHrjKWQI5CMtMpfZhwyAxWh66SJ1nArVvc535b4pUsIV2npTe7AXmTe-nR6ydutxSq2Ov0VaIxJZnAKeODAZe28IEkbOiQ5wdPnJqqynBEOxgrJrFCyS4wq8SSSORpDyPGgiWwZDxEj0m5Yh8Uy3yRJSKty1yJPT2SH1feRBd3q1EFAWGiYoPIcRqzMbLvKAo9v7XS-UY4qM5fP1QT0_8npwNUwdCON823alX0IVZU7i1A12FLLjfBerDSG1N8d-_5xm0dh0_GWfixCTnHY1iczrCLteXUTW2cbDr1-swZV1kMN7KG_jdk3djsxc-r38F7J7aQ4PAVejFdp5-vt8P1mnF-4yXOXASTG1sKLDRQ_3epuzFnFuAO2hugsHQXz-T8u6UCu

Steps to Reproduce

  1. Open the official drag-and-drop example on a mobile device:
    https://ui5.github.io/webcomponents/components/List/#drag-and-drop

  2. Try to drag and reorder list items using touch.

  3. Observe that no drag action is triggered.

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

2.17.1

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

  • I’m not disclosing any internal or sensitive information.

Metadata

Metadata

Labels

Medium PriobugThis issue is a bug in the code

Type

Projects

Status

Issues

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions