adobe / adobe/react-spectrum

Some RAC ListBox drag-and-drop examples in the docs don't work on Chrome for Android

Open
#6,365 5 comments 1 reaction 0 assignees View on GitHub
bug drag and drop
Dominant language
TypeScript
Stars
15.9k
Forks
1.6k
Avg merge
3d 9m
Merged PRs (30d)
59

Description

### Provide a general summary of the issue here

I've linked to a list of demos from the React Aria docs pages that don't work on Chrome for Android.

### 🤔 Expected Behavior?

Should roughly match what I see on desktop.

### 😯 Current Behavior

In all of the examples below, the items are draggable, but the drop area never activates. If I hover an item over it and let go, the drag action is cancelled.

### 💁 Possible Solution

🤷

### 🔦 Context

_No response_

### 🖥️ Steps to Reproduce

Try any of these demos on Chrome for Android:

- https://react-spectrum.adobe.com/react-aria/ListBox.html#drag-data
- https://react-spectrum.adobe.com/react-aria/ListBox.html#text
- https://react-spectrum.adobe.com/react-aria/ListBox.html#ondragend
- https://react-spectrum.adobe.com/react-aria/ListBox.html#getalloweddropoperations
- https://react-spectrum.adobe.com/react-aria/ListBox.html#drag-between-lists

### Version

Whatever version your docs site is running

### What browsers are you seeing the problem on?

Chrome

### If other, please specify.

Chrome 124.0.6367.114

### What operating system are you using?

Android 14; Pixel 6 Build/AP1A.240405.002

### 🧢 Your Company/Team

_No response_

### 🕷 Tracking Issue

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.