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
- Select some options from the dropdown.
- Try clicking on the Chips that have showed up in the Select input.
- 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 |
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
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 🌎