UI5 / UI5/webcomponents

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

Open
#12,825 5 comments 0 reactions 1 assignee View on GitHub

@TeodorTaushanov is already working on this.

Since Feb 17, 2026.

bug consulting Medium Prio TOPIC RD
Dominant language
TypeScript
Stars
1.8k
Forks
285
Avg merge
3d 2h
Merged PRs (30d)
59

Description

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.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.