When you click inside a popover, then drag the mouse outside the popover and release the mouse, then onOutsideClick fires (meaning the popover then closes in my case). We have popovers with forms where users click and drag while copying values. They reported it being annoying that the popover closes when they try to do this.
Not sure if this is a bug, the intended behaviour, or an unavoidable behaviour. We are aware that we can avoid onOutsideClick closing the popover in this situation, but would like to know if that's the best or only resolution.
Drag mouse to highlight text, but continue to drag outside the border of the popover
Release mouse outside the popover
Popover closes
Expected behavior
onOutsideClick fires and popover closes only when the click is initiated outside the layer, but doesn't close when mousedown is inside the layer but mouseup is outside the layer.
Screenshots
Browser / OS (please complete the following information):
Tested on Chrome and Firefox on OS X. We saw one small browser difference in our test story: in Chrome it's always reproducable. In Firefox, if you select text in the input and then drag mouse outside popover, in that case it doesn't close the popover in Firefox.
Additional context
We are tracking this in ticket #92
Describe the bug
When you click inside a popover, then drag the mouse outside the popover and release the mouse, then
onOutsideClickfires (meaning the popover then closes in my case). We have popovers with forms where users click and drag while copying values. They reported it being annoying that the popover closes when they try to do this.Not sure if this is a bug, the intended behaviour, or an unavoidable behaviour. We are aware that we can avoid
onOutsideClickclosing the popover in this situation, but would like to know if that's the best or only resolution.To Reproduce
Steps to reproduce the behavior:
Expected behavior
onOutsideClickfires and popover closes only when the click is initiated outside the layer, but doesn't close when mousedown is inside the layer but mouseup is outside the layer.Screenshots
Browser / OS (please complete the following information):
Tested on Chrome and Firefox on OS X. We saw one small browser difference in our test story: in Chrome it's always reproducable. In Firefox, if you select text in the input and then drag mouse outside popover, in that case it doesn't close the popover in Firefox.
Additional context We are tracking this in ticket #92