antoniandre / splitpanes

A Vue 3 (and 2) reliable, simple and touch-ready panes splitter / resizer.
https://antoniandre.github.io/splitpanes
MIT License
1.91k stars 169 forks source link

Selecting text in panes then resizing doesn't release splitter #211

Open MattTheCuber opened 1 month ago

MattTheCuber commented 1 month ago

If you select text in the panes, then resize the panes, the splitter doesn't get released and is stuck to your cursor until you click somewhere again. This seems to have something to do with how web browsers allow you to select and drag text to move them to other inputs or apps. Extremely niche bug, could be solved by disabling text selection but that is not ideal.

Reproduction steps

  1. Select some text in multiple adjacent panes (or just press CTRL+A)
  2. Drag the splitter between the panes
  3. Release the mouse button
  4. Move your mouse and watch the splitter continue follow the cursor

Happens in Chrome and Firefox.

Demo

output

on https://antoniandre.github.io/splitpanes/