search

playcanvas / pcui

UI component library for web-based tools
http://playcanvas.github.io/pcui
MIT License
663 stars 62 forks source link

Sidebar/Panel resizing is buggy on mobile devices #14

Open WaelShaikh opened 3 years ago

WaelShaikh commented 3 years ago

If you resize the sidebar panel in the PlayCanvas editor as well as in the PlayCanvas Viewer once, then lift your finger and interact with another component the panel that you resized continues to resize even though you are no longer interacting with it.

Steps to reproduce the behavior:

  1. Go to https://playcanvas.com/viewer on a mobile device
  2. Expand the sidebar
  3. Resize it
  4. Lift your finger to stop resizing
  5. Then move your finger in either the Viewport or inside the sidebar (You need to move your finger not just tap it)
  6. The sidebar will resize to where your finger is

Expected behavior

Once you lift your finger, the panel should stop resizing.

Smartphone:

Additional Context: This is the biggest issue I faced while using the editor on my phone. Fixing this might make the editor finally usable on mobile devices.

willeastcott commented 3 years ago

Just FYI, I am unable to reproduce this on iOS 14.4. Presumably an Android-specific bug.

Maksims commented 3 years ago

Can confirm, on Android Chrome, resizing panel is "sticky".

willeastcott commented 3 years ago

OK. Well, if it's Android only, I'll assign to @vkalpias since I know he has an Android device. 😄