React: Click event's don't bubble outside SVG

[sdemjanenko]

Im doing something like:

<button type="button" onClick={this.toggle}>
  {this.props.label}
</button>

If this.props.label is a div, span or some text, clicking on it triggers this.toggle. However, if this.props.label is an svg then onClick never gets triggered.

[syranide]

Do you have a repro? (jsfiddle?)

[sophiebits]

I can't repro this:

http://jsbin.com/ditulapo/1/edit

[mattweb]

I had the same problem. A little CSS solved it for me:

svg {
    pointer-events: none;
}

[uldza]

@mattweb +1