onMouseOver/onMouseEnter events not fired on paths inside SVG (chrome picker arrows)
Not sure if this is specific to ChromePicker, but the container for rendering the arrows to change the colour type is an SVG. 

This SVG has various mouse events. If you position the mouse on the arrows themselves (paths), the mouse events are not triggered.

The code is at /lib/components/chrome/ChromeFields.js specifically:

```
           _react2.default.createElement(
              'svg',
              {
                style: styles.svg,
                viewBox: '0 0 24 24',
                onMouseOver: this.showHighlight,
                onMouseEnter: this.showHighlight,
                onMouseOut: this.hideHighlight
              },
              _react2.default.createElement('path', {
                ref: function ref(iconUp) {
                  return _this2.iconUp = iconUp;
                },
                fill: '#333',
                d: 'M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z'
              }),
              _react2.default.createElement('path', {
                ref: function ref(iconDown) {
                  return _this2.iconDown = iconDown;
                },
                fill: '#333',
                d: 'M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15Z'
              })
            )
```

You can actually see this behaviour on the demo page [https://casesandberg.github.io/react-color/](https://casesandberg.github.io/react-color/).