question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Select] Multiple select with chips as clickable fires the select.

See original GitHub issue

Context 🔦

When clicking the chips the select fires and shows the options. How can you override this behavior so that when I click a chip the select won’t fire and just do whatever the onClick of the chip?

Codesandbox

Tech Version
Material-UI v3.6.0
React
Browser
TypeScript
etc.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:8 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
kHRISl33tcommented, Feb 2, 2020

@joshwooding Thanks for the quick fix! You are awesome! 😃

1reaction
joshwoodingcommented, Feb 2, 2020
Read more comments on GitHub >

github_iconTop Results From Across the Web

[Select] Multiple select with chips as clickable fires the select.
Context When clicking the chips the select fires and shows the options. How can you override this behavior so that when I click...
Read more >
Deletable Chips in Material UI Multiple Select - Stack Overflow
The opening of the Select is triggered by the mouse-down event -- not the click event. You can get your desired behavior by...
Read more >
Create a multi select chips component with Angular Material
Let's create a multi select chips component with Angular Material. Our result will seamlessly integrate with Angular forms!
Read more >
Bootstrap Multiselect Examples - CodeHim
This method is used to refresh the checked checkboxes based on the currently selected options within the select . Click 'Select some options'...
Read more >
ion-select: Select One or Multiple Value Boxes or Placeholders
ion-select is represented by selected value(s), or a placeholder, and dropdown icon. When you tap select, a dialog box appears with an easy...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found