enhance: タッチパッド・タッチスクリーンでのデッキの操作性を向上 (#8450)

* enhance experience of deck with touchpad

* test: 単純にdeltaYを加算してみる

* clean up

* ios bug fix?

* ✌️

* use overflow-y

* Safari does not supports clip

packages/client/src/ui/deck.vue

@@ -128,8 +128,8 @@ if (deckStore.state.navWindow) {
 document.documentElement.style.overflowY = 'hidden';
 document.documentElement.style.scrollBehavior = 'auto';
 window.addEventListener('wheel', (ev) => {
-	if (getScrollContainer(ev.target as HTMLElement) == null) {
-		document.documentElement.scrollLeft += ev.deltaY > 0 ? 96 : -96;
+	if (getScrollContainer(ev.target as HTMLElement) == null && ev.deltaX === 0) {
+		document.documentElement.scrollLeft += ev.deltaY;
 	}
 });
 loadDeck();

packages/client/src/ui/deck/column.vue

@@ -372,9 +372,9 @@ function onDrop(e) {
 
 	> div {
 		height: calc(100% - var(--deckColumnHeaderHeight));
-		overflow: auto;
-		overflow-x: hidden;
-		overscroll-behavior: contain;
+		overflow-y: auto;
+		overflow-x: hidden; // Safari does not supports clip
+		overflow-x: clip;
 		-webkit-overflow-scrolling: touch;
 		box-sizing: border-box;
 	}