Skip to content

Touch Event in multi-select control doesn't open the dropdown list after choosing an item without going out of focus and back in again. #2757

Open
@alsmair

Description

@alsmair

Steps to reproduce

To reproduce issue the issue you need to be using a touch device (weather a phone or a laptop, the issue was reproduced on a touch screen laptop and on an ipad):

  1. Touch inside the multi-select control and notice how the dropdown list appears.
  2. Choose one item, now the list will disappear which is normal.
  3. Touch inside the multi-select control again (while it's still in focus) and notice how the dropdown list does not appear, which is a different behaviour than the one that happens when using mouse clicks.
    This issue happens in all kinds of multi-select options.

Note: if you go out of focus and back in, the dropdown list appears again.

Expected behaviour

Same behaviour that happens when using a mouse to click (instead of a touch screen, or on mobile devices)

Actual behavior

You have to go out of focus and back in the control to get the list to open again (or you can alternatively press any keyboard key to start searching, which is not very convenient on mobile device)

Environment

  • Chosen Version: Latest version (we tested the demo on your website)

  • Browser and Version: Chrome (on a touch screen laptop), safari for ios

  • OS and Version: iOS, Windows 10 (with a touch screen)

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