Chromeでデッキのカラムがドラッグできない問題を修正

syuilo/Misskey.old@5cfd000
mei23 · Dec 28, 2020 · b0dd9d4 · b0dd9d4
1 parent d9552b6
commit b0dd9d4
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/client/app/common/views/deck/deck.column.vue b/src/client/app/common/views/deck/deck.column.vue
@@ -282,7 +282,12 @@ export default Vue.extend({
 		onDragstart(e) {
 			e.dataTransfer.effectAllowed = 'move';
 			e.dataTransfer.setData('mk-deck-column', this.isTemporaryColumn ? 'TEMP' : this.column.id);
-			this.dragging = true;
+
+			// Chromeのバグで、Dragstartハンドラ内ですぐにDOMを変更する(=リアクティブなプロパティを変更する)とDragが終了してしまう
+			// SEE: https://stackoverflow.com/questions/19639969/html5-dragend-event-firing-immediately
+			setTimeout(() => {
+				this.dragging = true;
+			}, 10);
 		},
 
 		onDragend(e) {