Parse-dashboard: Parse Dashboard Hover Issue on Mobile Browsers

[imnvs]

I can't edit the values on mobile browsers.
I think it's a hover issue in the dashboard.bundle.js file.

[dplewis]

I think it’s a double click / tap issue.

Single click selects a field

Double click edits

I guess we can change it to do single click edit for mobile.

Feel free to open a PR.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[ramiro-ciocca]

Hi, any news on this feature? Its very important to be able to edit data on mobile browsers. Thanks!

[davimacedo]

I think nobody has taken it yet. Would you be willed to help on this?

[ramiro-ciocca]

Sure, but wouldn't know where to start :(

[davimacedo]

I guess it is something that can be improved in this file here: https://github.com/parse-community/parse-dashboard/blob/master/src/components/BrowserCell/BrowserCell.react.js

[ramiro-ciocca]

Yes! I think the answer is in the following lines in that file:

onClick={onSelect}
onDoubleClick={() => {
if (type !== 'Relation') {
onEditChange(true)
}

For mobile, onClick should return what onDoubleClick does. So we can edit with one click. Because on mobile with double click, browser caches it as increase page size.
The qiestion is how to know when mobile and when desktop.
Desktop should mantain current behavior.

What do you think?

[ramiro-ciocca]

Sorry couldnt format that last comment from my phone 🤷‍♂️

[ramiro-ciocca]

Or maybe better, on mobile, onLongClick should return the edition. With some timer for the long click it wouldnt be necesary to know if the browser is desktop or mobile I think

[davimacedo]

It may be a good idea. Would you be able to test it and in case it works, send a PR? If you want to go with the web browser detection approach, here it goes a very good guide: https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent