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

Horizontal scrolling impossible on mobile devices #1960

Closed
ChaoticEvilDM opened this issue May 26, 2020 · 21 comments · Fixed by #6285
Closed

Horizontal scrolling impossible on mobile devices #1960

ChaoticEvilDM opened this issue May 26, 2020 · 21 comments · Fixed by #6285

Comments

@ChaoticEvilDM
Copy link

ChaoticEvilDM commented May 26, 2020

Horizontal scrolling is not possible on small touch screen mobile devices with any gestures. You need to drag a card or a lane with you.

Affected versions:
Deck >1.0.0

Tested on:
Android 7.0 with Chrome 81.0.4044.138
EDIT: Android 10 with latest Chrome Version
IoS 13.5.1 with Safari

@ChaoticEvilDM ChaoticEvilDM changed the title Horizontal Scrolling Freezes on mobile devices Horizontal scrolling impossible on mobile devices May 26, 2020
@juliushaertl
Copy link
Member

For some reasons tapping outside of the scrollcontainer once seems to stop the scroll gesture, not sure how to fix that yet.

As a workaround I could always start scrolling again with double-tabbing the empty white background of the board itself.

@ghost
Copy link

ghost commented Jul 29, 2020

Also on a Dekstop Browser scrolling vertically to the last list when having lots of them is not possible.

@guldi011
Copy link

When switching to the desktop version (e.g. under Android chrome), the deck is completely unusable since all trys to scroll result in moving lists, assuming I touch a white surface and not a card. The same behaviour happens under the desktop version (which I personally don't think is cool since I often move lists unwanted).
I'd assume it was desired to move lists only by grabbing them on top (when the mous pointer is over the list name and the pointer changes to a hand) ?
I know this does not solve the scroll issue (which is still a very nasty thing :-( )directly. But maybe the desktop mode works better under IOS / Android browsers (no double tapping needed which works often but not allways) ?

My JS knowledge is very very limited, still I'd love to help solve this. just where to start ?

@benks-io: does scrolling by cursor fix your issue ? So far cursor scrolling on desktop worked under chrome for me

@ghost
Copy link

ghost commented Aug 18, 2020

@guldi011 no - I cannot scroll sidewards by clicking and dragging anywhere (firefox).

@piiskop
Copy link

piiskop commented Aug 26, 2020

Scrolling in any direction is impossible if trying for the second time.

@prismopensource
Copy link

Having the same problem on iOS 14.0.1. After you scroll horizontally for just a bit, vertical scrolling stops working completely. The double tap workaround doesn’t seem to work for me, only a refresh will enable vertical scrolling again.

@roboticsalign
Copy link

I have the same problem on iOS, android and windows, if I'm using the touchscreen. So I would suggest to rewrite the topic to "Touchscreen: Horizontal scrolling impossible"

In #846 we had the problem, that we could not move cards if the screen was scrolled to the right. That is improved and now, it's possible to move cards. But this improvement seems to be the reason for the scroll problem to me.

In the meantime it is possible to move cards by using the context menu. Could it be an option to fix the cards and lists, if touch is detected or by a manual switch?

@vincentbitter
Copy link

Could it be an option to fix the cards and lists, if touch is detected or by a manual switch?

My laptop also has a touch screen, so disabling drag&drop if touch is enabled will give me a lot of trouble. Although I completely agree something should be done to make Deck usable on a iOS. Maybe a different drag&drop library would be an option?

@vincentbitter
Copy link

Seems like the same issue as kutlugsahin/vue-smooth-dnd#134

@dodedodo
Copy link

Mobile (chrome):

  • On page load I'm able to scroll either horizontal or vertical, but only once.
  • On a second try I cannot scroll either way. If I tap or double-tap anywhere in the browser I can subsequently scroll again, but only once.
  • This does not apply to the sidebars or modal.

Desktop (chrome, firefox):

  • I can scroll sideways with a sideways-scrolling action (such as on a touchpad, or fancy mouse with 2-way scrolling)
  • I can scroll sideways using the teeny-tiny 2px scrollbar at the bottom of the page. But that is easily overlooked, and quite hard to hit.

On Android, you should really be using stefan-niedermann's app.

@favincen
Copy link

favincen commented Mar 4, 2021

On Android, you should really be using stefan-niedermann's app.

Unfortunately there's no such deck app for iOS devices, which leaves quite a significant part of users alone in the dark. 😭

@d4g
Copy link

d4g commented Mar 17, 2021

I just started using deck and it is really annoying. You can barely use it on an iPad.

@d4g
Copy link

d4g commented Mar 20, 2021

After trying it a bit more, we should change the issue to „Deck is unusable on mobile phones“:

  • vertical and horizontal scrolling does not work most of the time
  • All dropdown-menus are broken and are overlapped by the onscreen keyboard
  • Drag and drop of cards is mostly broken
  • The whole UX experience is incredibly bad on smartphone
  • Text-edit mode is entered on smartphone on klick which then again results on the popup of the keyboard
  • Zooming is broken. If you manage to zoom in a little you can’t zoom out again
  • The viewport does not work when you switch from landscape to portrait and vice versa

@favincen
Copy link

Seems like the same issue as kutlugsahin/vue-smooth-dnd#134

There is a working workaround proposed in that page. Could it be implemented in Deck to solve the issue and make Deck usable ou touchscreens ??? Thanks a lot !

@JordanDIG
Copy link

It's been almost 2 years that the problem is raised and still persists, it's a shame

@tschombes
Copy link

I am a new NC user and this bug is really,really annoying. Impossible to use this app on a mobile.

@JordanDIG
Copy link

Yep and welcome to nextcloud

@piiskop
Copy link

piiskop commented Mar 23, 2022

Nextcloud is a like Estonia. It's a piece of shit but nothing's better, isn't it?.

@JordanDIG
Copy link

Nextcloud is a like Estonia. It's a piece of shit but nothing's better, isn't it?.

Calm it is useless to get angry nextcloud is a good solution, it has some bugs but good

@favincen
Copy link

Nextcloud is a like Estonia. It's a piece of shit but nothing's better, isn't it?.

It's a free software. So you're welcome to submit a fix in a pull request instead of waiting for someone else to solve your problem ! And if you're not able to, you'd rather ask politely (as many of us did in this thread)...

@favincen
Copy link

favincen commented Mar 23, 2022

On Android, you should really be using stefan-niedermann's app.

Unfortunately there's no such deck app for iOS devices, which leaves quite a significant part of users alone in the dark. 😭

Actually there is now a NC deck iOS app (here), developed by Cyrille Bollu (kudos to him !). Current version 0.9.2 is still pretty rough (at least on iPhone, I haven't tried on iPad), but at least it exists and a new version is currently published each month.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.