Webアプリにトラックパッド操作を実装した際にChromeのブラウザバックとバッティングする問題の解決策

とあるwebアプリを作っていた時に困ったことで、アプリ内でトラックパッド2本指でスクロールする操作を実装したところ、chromeのブラウザバックが被ってしまうという非常にUX体験が損なわれる事態に陥った。

解決法は以下。Googleスプレッドシートのソースコード見てたらこんな実装をしていたので真似させてもらった。

index.css

html {
  overflow: hidden;
  overscroll-behavior-x: none;
}