leefsmp / Re-Flex

Resizable Flex layout container components for advanced React web applications
https://leefsmp.github.io/Re-Flex/index.html
MIT License
639 stars 72 forks source link

Sometimes resize mode persists when mouse button is released #197

Open jandrew44 opened 3 months ago

jandrew44 commented 3 months ago

The issue can be reproduced on the demo page: https://leefsmp.github.io/Re-Flex/index.html

OS: Windows 10 Home edition. I was able to reproduce it with Google Chrome 127.0.6533.100 and Miscrosoft Edge 127.0.2651.98. However I was unable to reproduce it on Firefox 129.0.

Steps:

1) Go to example 2 - "Basic Re-Flex example with splitter" 2) Click and hold on splitter and resize the left panel to its maximum size, then release the left mouse button 3) Click and hold on splitter and try to resize it even more(despite it has maximum size already) Note cursor changed its appearance to "not-allowed": photo_2024-08-13_13-05-58 4) Release the left mouse button Note cursor changed its appearance back to "col-resize" and resize mode persists. You need to make an additional mouse button click in order to leave the resize mode.