bug(mat-slider): Mobile touch on edge causes non-cancelable touch event error

[cdestefano]

Reproduction

StackBlitz

Steps to reproduce:

1. View in mobile / responsive view
2. Set initial slider position anywhere other than the end
3. Click on the end of the slider

Expected Behavior

No console error is shown

Actual Behavior

A console error of

[Intervention] Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.

It must be firing two click events at the same time, shouldn't it preventdefault on click?

Environment

• Angular: 12.2.9
• CDK/Material: 12.2.9
• Browser(s): Chrome Version 95.0.4638.54
• Operating System (e.g. Windows, macOS, Ubuntu): Windows10

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}