Skip to content

Conflict with type range input #197

Description

@filipealonso

Description of the bug
An input of type range has a draggable functionality to it which, while being used, shouldn't trigger a swiping event.

Steps to reproduce
Insert an type range input inside the parent component with the swipeable handlers and drag the input's "thumb" (left or right, if horizontal, or up and down, if vertical) to change the value.

Expected behavior
Swiping over the parent component should trigger a swiping event, but dragging the range input's "thumb" shouldn't.

Activity

  1. hartzis commented on Aug 18, 2020

    @hartzis
    Collaborator

    @filipealonso Thank you for the write up!

    🤔 whoaa.. this is interesting.... If you could create an example we could see the bug in that would be incredibly helpful in debugging. You could fork the hook example here to get started hook example codesandbox.io

  2. silviogutierrez commented on Feb 22, 2021

    @silviogutierrez

    Same issue here. Any range input inside a swipeable container will trigger the swiping once you let go.

    I tried event.stopPropagation in the onChange handler of the input, but no luck.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions