mobileでdragする方法を探
dragできるcomponentをasync-await loopで実現でわかったが、PCでdragで移動できるcodeでも、mobile端末では通用しないことがあるようだ
dragできるcomponentをasync-await loopで実現がmobileで動かなかった原因を知るために、mobileで動くD&D codeを探す
JavaScriptを使って要素をドラッグ&ドロップで移動 | q-Az
特に環境の断りはないが、mobile端末でも動いた
ただし、スクロールと衝突してしまった
モバイル Web アプリでドラッグ&ドロップ : まだプログラマーですが何か?
demo
/icons/github.icondotnsf/mobile_dnd_sample
動いた
スクロールとの衝突具合はわからなかった
ページがそこまで長くなかった
スマートフォンでもドロップ&ドラッグを簡単に実現:Jquery Mobile Drag And Drop
動かなかった
React DnD
drag&dropなので違う
dnd kit
from /miyamonz/reactのドラッグ&ドロップライブラリの調査
スクロールと干渉せずに動いた!
ドラッグで要素を移動させる - React - seiyab’s blog
解説が一番充実している
touch-action: noneを設定するのか。なるほどtakker.icon
demo
長押しするとうまくdragできる
タッチした瞬間に動かすとガクガクと少ししか動かない
dnd kitは問題なくできてた
glslEditor
mobileでもドラッグできる
Native DOMでevent handlingしているようだ
コードはこれをこのUIで使っている
http://www.lab4games.net/zz85/blog/2014/11/15/resizing-moving-snapping-windows-with-js-css/ (魚拓) のコードを参考にしたらしい
@zz85によるresize&drag&snap scriptをcode readingする
#2022-01-31 16:27:41
#2022-01-06 04:15:25