質問編集履歴

2

たまに動作する

2023/02/07 09:11

投稿

ypp
ypp

スコア66

test CHANGED
File without changes
test CHANGED
@@ -216,7 +216,7 @@
216
216
  上記はハンバーガーボタンをドラッグアンドドロップで要素の並び替えを可能にしたものです。
217
217
  一番上はドラッグアンドドロップで実際に移動できますが、
218
218
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-02-07/8b482692-9e93-4ddb-a25a-186a3db88199.jpeg)
219
- 2番目以降は移動しようとしてもドラッグの途中で強制的に"dragend"イベントが発行されます。
219
+ 2番目以降(**※たまに動作するときがあります**)は移動しようとしてもドラッグの途中で強制的に"dragend"イベントが発行されます。
220
220
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-02-07/9246ef49-8978-4104-9e1e-40a90568fcf8.jpeg)
221
221
  いろいろ考えてみましたが、2番目以降もイベントの登録はされており、なぜ"drag"イベントが無視され、"dragend"イベントが強制的に発行されるかの理由がわかりません。
222
222
  どなたか原因がわかる方はいらっしゃいますか?

1

補足を追加

2023/02/07 08:59

投稿

ypp
ypp

スコア66

test CHANGED
File without changes
test CHANGED
@@ -220,3 +220,11 @@
220
220
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-02-07/9246ef49-8978-4104-9e1e-40a90568fcf8.jpeg)
221
221
  いろいろ考えてみましたが、2番目以降もイベントの登録はされており、なぜ"drag"イベントが無視され、"dragend"イベントが強制的に発行されるかの理由がわかりません。
222
222
  どなたか原因がわかる方はいらっしゃいますか?
223
+
224
+ 補足:
225
+ ```css
226
+ .dragging {
227
+ position: absolute;
228
+ }
229
+ ```
230
+ をコメントアウトすると"drag"イベントは無視されなくなります。おそらく、座標が関係しているものだと思いますが、具体的な解決方法が思い浮かびません。