Material-ui: [Select] Multiple select with chips as clickable fires the select.

Created on 1 Dec 2018  路  8Comments  路  Source: mui-org/material-ui

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. | |

Select question
Source
picture jjdp

All 8 comments

@jjdp How can we reproduce it?

oliviertassinari picture oliviertassinari on 1 Dec 2018

added the Codesandbox

jjdp picture jjdp on 1 Dec 2018

@jjdp You can use e.stopPropagation() on a mouse down event e.g. https://codesandbox.io/s/material-demo-ohj0g

joshwooding picture joshwooding on 1 Dec 2018

Thank you!

jjdp picture jjdp on 1 Dec 2018

This no sandbox test no longer works.

rodriguise picture rodriguise on 21 Jan 2020

Same here. The sandbox test no longer works.

kHRISl33t picture kHRISl33t on 2 Feb 2020

@rodriguise @kHRISl33t Fixed.

joshwooding picture joshwooding on 2 Feb 2020
🎉1

@joshwooding Thanks for the quick fix! You are awesome! :)

kHRISl33t picture kHRISl33t on 2 Feb 2020
👍1
Was this page helpful?
0 / 5 - 0 ratings

Related issues

ryanflorence picture ryanflorence  路  3Comments
mattmiddlesworth picture mattmiddlesworth  路  3Comments
newoga picture newoga  路  3Comments
FranBran picture FranBran  路  3Comments
mb-copart picture mb-copart  路  3Comments