Skip to content

[Select] Unable to trigger click events on Chips #18658

@jonsmithers

Description

@jonsmithers
  • The issue is present in the latest release.
  • I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

There is no obvious way to listen for click events on Chip components inside a Select component.

Expected Behavior 🤔

Should be able to listen for click events, which was possible in version 4.7.0.

Steps to Reproduce 🕹

https://codesandbox.io/s/fervent-murdock-mcc7i?fontsize=14&hidenavigation=1&theme=dark

  1. Select some options from the dropdown.
  2. Try clicking on the Chips that have showed up in the Select input.
  3. With each click, the dropdown opens again, but no click events for Chips are triggered (nothing is logged in the console).

NOTE - When you change the version from 4.7.1 to 4.7.0 in package.json, this issue goes away. It appears this issue was introduced very recently.

Context 🔦

We want to add the "x" delete button to Chips so the user can remove them without re-opening the dropdown.

Your Environment 🌎

Tech Version
Material-UI v4.7.1
React 16.12.0
Browser Chrome 78
TypeScript yup

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions