Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

DataTable Reorder is not working in tablet or mobile devices #2444

Open
CodeLake opened this issue Nov 17, 2021 · 6 comments
Open

DataTable Reorder is not working in tablet or mobile devices #2444

CodeLake opened this issue Nov 17, 2021 · 6 comments
Assignees
Labels
Device: Mobile Issue or pull request is *only* related to Mobile device Status: Discussion Issue or pull request needs to be discussed by Core Team

Comments

@CodeLake
Copy link

There is no guarantee in receiving an immediate response in GitHub Issue Tracker, If you'd like to secure our response, you may consider PrimeReact PRO Support where support is provided within 4 business hours

I'm submitting a ... (check one with "x")

[x] bug report
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://forum.primefaces.org/viewforum.php?f=57

Codesandbox Case (Bug Reports)
No need for sandbox as the behaviour is reproducible using the demo url https://www.primefaces.org/primereact/showcase/#/datatable/reorder

Current behavior

Visit https://www.primefaces.org/primereact/showcase/#/datatable/reorder on a desktop or laptop and you will be able to reorder rows using mouse. Visiting the same page on tablet or mobile devices, you can't reorder the rows.

Expected behavior

The row reorder should also work on tablet or mobile devices.

Minimal reproduction of the problem with instructions

No need for sandbox as the behaviour is reproducible using the demo url https://www.primefaces.org/primereact/showcase/#/datatable/reorder

  1. Visit above url on desktop and try to reorder rows. It will work.
  2. Visit above url on tablet and try to reorder rows, it will NOT work.
  3. Visit above url on mobile and try to reorder rows, it will NOT work.

Please tell us about your environment:

Samsung Galaxy S10 Plus, iPhone, iPad.

  • React version:

N/A as we are using https://www.primefaces.org/primereact/showcase/#/datatable/reorder url

  • PrimeReact version:

N/A as we are using https://www.primefaces.org/primereact/showcase/#/datatable/reorder url

  • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

Any android device browser.
Any apple device browser.

@yigitfindikli yigitfindikli added the Status: Discussion Issue or pull request needs to be discussed by Core Team label Mar 21, 2022
@melloware melloware added the Device: Mobile Issue or pull request is *only* related to Mobile device label Apr 15, 2022
@melloware melloware self-assigned this Dec 7, 2022
@melloware
Copy link
Member

I am pretty sure this entails using mousedown, touchstart instead of drag operations similar to: #3715

@melloware melloware assigned melloware and unassigned melloware Dec 7, 2022
@melloware melloware modified the milestone: 8.7.4 Dec 9, 2022
@yaiir-a
Copy link

yaiir-a commented Jan 28, 2023

Hi there!
Just wondering about this one - it says it was added to milestone 8.7.4 but that milestone was replaced by 9.0.0. Was this missed or has it been deprioritised?

Thanks

@melloware
Copy link
Member

No i thought i was going to fix it but didn't have time so I removed the milestone. I actually opened a larger mobile issue here: #3949

@yaiir-a
Copy link

yaiir-a commented Jan 28, 2023

OK thanks! I'll keep my eye on that one

@thejus557
Copy link
Contributor

thejus557 commented Aug 3, 2023

Actually, im using reordering data table in my project but drag and drop not working in mobile. Any update on this @melloware

@melloware
Copy link
Member

Nope the ticket is still open and PrimeTek is going to work on all accessibility issues in 11.0.0

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Device: Mobile Issue or pull request is *only* related to Mobile device Status: Discussion Issue or pull request needs to be discussed by Core Team
Projects
None yet
Development

No branches or pull requests

5 participants