Skip to content
This repository has been archived by the owner on Jan 13, 2025. It is now read-only.

Slider gets stuck in drag state when context menu is opened #2973

Closed
@berenddeboer

Description

You can move the slider with your finger from a completely different position on the page under certain circumstances.

What MDC Web Version are you using?

0.36.1 (same behaviour in earlier versions).

What browser(s) is this bug affecting?

Can repeat behaviour on Chrome mobile emulation: Version 67.0.3396.87 (Official Build) (64-bit)

Android 7.0.0, Chrome 67.0.3396.87.

iPhone 7: iOS 11/Safari.

What OS are you using?

Ubuntu/iOS 11/Android 7.

What are the steps to reproduce the bug?

On desktop:

  1. Open Chrome tab in mobile emulation mode.

  2. Go to the demo page.

  3. Click (tap) somewhere on the Continuous slider until the context menu opens. Then release mouse button.

  4. Press Esc so the context menu closes.

  5. Click on the "T" in the bottom label "Tick Marks", keep mouse down, and move to the right. Continuous slider now moves, even though you're in a completely different section of the page.

What is the expected behavior?

As soon as you release the mouse, the slider should not be effected by clicking and moving the mouse on a different part of the page.

What is the actual behavior?

But the slider moves in response to mouse even though you ended (that's what it looks like) a previous drag.

On mobile you have similar behaviour, harder to repeat on Android, very easy on Safari.

Makes for extremely awkward page scroll behaviour.

Any other information you believe would be useful?

What happens is that Chrome does not appear to be sending the touchend/pointerend events.

So what appears to happen is that on a long tab an initial drag is started by the slider. If you now release the mouse, this is not recognised. I.e. no touchend is send, so the browser is still in dragging mode. Even if you click on another part of the page and drag that, the drag is still going to the slider.

FireFox is fine as it correctly sends touchend/pointerend.

Metadata

Assignees

No one assigned

    Labels

    Unresolved (Archived)Open and unresolved issues and PRs that were closed due to archiving the repository.backlogbug

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions