Adding overlay DIV while resizing
plashenkov opened this issue · comments
I noticed that you change $(body).css('cursor', ...) when user drags the splitter.
But what if I use special cursor for my document? I.e. I write in my CSS: body {cursor: default}. The splitter will override this CSS, this is not good.
I also noticed that you create DIV .splitterMask when user drags the splitter, and then remove it when he finishes dragging, but I did not found that it is used in other parts of your JS code or CSS rules.
I conjecture this must be something like overlay, and it is really what is necessary to make.
Please see this commit: 8723b3e
Here is an example: http://www.plashenkov.com/help/
Overlay allows to change a cursor the right way. It allows to prevent the :hover state of elements while dragging a splitter. And if one (or both) panel is an IFRAME, which does not allow to process a mousemove event, overlay solves this problem also.
.splitterMask was created by someone else it it suppose to fix a bug in IE with Iframe, didn't test (It don't break the splitter).
Please create pull requests for all changes, I'll merge them.