Version

4.2.1

Reproduction link

https://jsfiddle.net/tmtron/kdaqhpjv/108//

Note: the jsfiddle example still uses V4.1.0 (but in our app we can also see the issue with V 4.2.0)

Steps to reproduce

• left-click in the chart area and HOLD the left button
• now the brush-drag is active: we can move the mouse around and the area will follow
• but when we exit the chart area (e.g. far to the right on the grey area) and then release the mouse button (still on the grey area), the brush-drag mode gets stuck
  • what I mean is, when you now move the mouse back to the chart area, the brush-drag is still active: i.e. the mouse move will resize the brush area although the left-mouse button is NOT pressed down anymore
  • this will only stop when you make another click inside the chart area

What is expected?

the brush mode should stop (same as releasing the pressed mouse button)

What is actually happening?

the brush mode ist stuck: when you release the mouse button outside the canvas, and reenter, the brush is still following the mouse movements

As a workaround I tried to fire a 'mouseup' event when the 'globalout' event occurs, but that does not work.