search

material-components / material-components-web

Modular and customizable Material Design UI components for the web
https://material.io/develop/web
MIT License
17.14k stars 2.14k forks source link

Touch dragging slider far initiates back/forward navigation [desktop, ChromeOS] #3727

Open larsgk opened 6 years ago

larsgk commented 6 years ago

Bug

Touch dragging slider far initiates back/forward navigation.

What MDC Web Version are you using?

Using version 0.40.1 (demo page slider)

What browser(s) is this bug affecting?

Only seen on ChromeOS (my only touch device with desktop browser)

Mozilla/5.0 (X11; CrOS x86_64 10895.56.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.95 Safari/537.36

What OS are you using?

ChromsOS M69, Pixelbook

What are the steps to reproduce the bug?

Navigate to: https://material-components.github.io/material-components-web-catalog/#/component/slider

Sliding far with touch on Pixelbook (Chrome M69, most likely other touch desktops as well) navigates back/forward in history. Is there a way to prevent the event to be taken by the browser gesture navigation?

What is the expected behavior?

No navigation

What is the actual behavior?

Back/forward navigation happens.

acdvorak commented 6 years ago

Thanks for filing this issue!

Yep, that's definitely a bug.

We were able to repro in Edge 17 as well, so it probably affects all browsers and OSes. Sorry about that!

We should see if the new feat/slider branch is affected too (I'm guessing it is).