Lean-Mean-Drag-and-Drop icon indicating copy to clipboard operation
Lean-Mean-Drag-and-Drop copied to clipboard

First demo example not working with touch in a few browsers

Open adam-lynch opened this issue 7 years ago • 3 comments

  • Edge 38 on Windows 10: Broken.
  • Firefox 52 on Windows 10: Does nothing (just highlights text).
  • Chrome 57 on Windows 10: Fine.
  • Opera 42 on Windows 10: Fine.
  • Chrome on Nexus 5X, Android 7.1.2: Broken (page scrolls when dragging).
  • Chrome on Acer tablet, Android 5.1: Fine.
  • Safari on iPad Mini (not sure which one), iOS 9.3.4: Fine.

:/

adam-lynch avatar Apr 14 '17 14:04 adam-lynch

Apologies, they're all fine if touch-action: none; is added to the draggable items.

adam-lynch avatar Apr 18 '17 08:04 adam-lynch

I guess I should leave it open so the demo will be fixed :)

adam-lynch avatar Apr 18 '17 08:04 adam-lynch

Adding touch-action: none; breaks iOS Safari though (nothing happens at all when you drag). Note: I'm using http://codepen.io/adam-lynch/pen/PmPmeX to test (http://codepen.io/adam-lynch/full/PmPmeX to view just the result).

adam-lynch avatar Apr 18 '17 08:04 adam-lynch