Mouse not captured on column resize or move
Describe the bug When using the mouse/pointer to resize or move a column, if you drag and release the mouse pointer outside of the browser window, the mouse-up event is not detected, and moving the mouse pointer back into the browser window (without the mouse button pressed) continues resizing or moving the column, until you press and release the mouse button again inside the browser window.
Tabulator Info Tabulator v6.2.5
Working Example Can be reproduced on the tabulator demo page: https://tabulator.info/examples/6.2 (A js-fiddle would not demonstrate any more effectively)
To Reproduce
- Go to the tabulator demo page
- On the first demo table, click and hold down the mouse button on the column resize handle (column divider) of the last column (or any column), drag the mouse cursor outside of the edge of the browser window, and release the mouse button
- Move the mouse cursor back into the browser window, with no buttons being held down now, and see that the column that was being resized continues to be resized as you move the mouse cursor around the window
- Press and release (click) the mouse button anywhere in the browser window to finally allow the column to stop resizing
Expected behavior On the mouse/pointer down event, the mouse should be captured using the setPointerCapture() method, allowing it to still capture the mouse/pointer up event, and stop resizing or moving a column when the mouse button is release, even when outside of the browser window.
Desktop
- OS: MacOS (not a mac specific issue)
- Browser: chrome, safari, firefox (any)
- Version: any