Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

シートの横スクロールでブラウザバックの誤作動をしてしまう #36

Open
FujiHaruka opened this issue May 18, 2020 · 3 comments · Fixed by #44
Open
Labels
bug Something isn't working

Comments

@FujiHaruka
Copy link
Contributor

シートの横スクロールではブラウザバックを抑止する

@FujiHaruka FujiHaruka added the bug Something isn't working label May 18, 2020
@okunishinishi
Copy link

okunishinishi commented May 18, 2020

きっとこれのことに違いない

https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior-x

@FujiHaruka
Copy link
Contributor Author

助かり小次郎

@ikngtty
Copy link
Member

ikngtty commented Jul 15, 2020

このイシュー、多分俺がデモしてる時に見かけたから立てたんだと思うんですが、これは俺のブラウザ(Vivaldi)のマウスジェスチャ機能です。

俺の環境だと依然としてブラウザバックは発生するので、多分この修正は意味ないです。
Jul-15-2020 15-40-36
ブラウザバックする直前に左の方に「←」が表示される(見切れて「ー」になってる)のが、マウスジェスチャとして認識された証です。

ちなみに、シート内の横スクロール自体は機能するけども、端っこより更に左へスクロールしようとするとブラウザバックになるという状況です。(動画の後半では、同様に右へスクロールしてブラウザフォワード(?)してます。)
勢いよくスクロールすると意図せずバックしてしまうことがよくあるので、確かに sheeted 内だけオフにできると便利ではあるんですが…。
とりあえず overscroll-behavior-x: none; では効果が認められなかったです。

@ikngtty ikngtty reopened this Jul 15, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants