Viewport jump scrolling abnormally

[wavetrexParticipant]

Hello !

I have a jqxDocking which is quite tall ( over 2000 pixels ) with several windows (10-15) in it.

Before version 2.7 I was able to move a window freely to another location, by simply picking up, moving it lower or upper, whereever I needed it.

But now, there’s some weird behavior, which I see in your online example as well:

Steps to reproduce:
1. http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxdocking/index.htm
2. click on Default Functionality
3. Arrange the 4 windows (panels) all on top of each other ( one column )
4. Scroll up to the top (to see the website header)
5. Pick the top window in order to move it..

Instead of simply following the cursor, the very nanosecond I pick up a window the entire PAGE has jumped down to the bottom of the docking panel.

Your example is only ~900 pixels tall.. you can imagine that for an even taller panel it makes it difficult if not impossible to take a window which is on top and move it to second position or even to the other columns.

The only workaround I found is when allowing to drag windows outside of the docking panel… I can move them to arbitrary position, than move a window back up to where I want it, but it’s a very clumsy way to move a panel. (Also if moving outside the docking panel is disabled, like in your online example, it becomes absolutely IMPOSSIBLE to put a panel to the top positions which are not visible when the page jumps down)

My question is… why the heck is it scrolling the PAGE? It makes no sense, such a control shouldn’t touch the document scroll controls.

Please fix this, as I said, this strange behavior started only in 2.7, it didn’t move the page before.

Thanks,
Alin.

[wavetrexParticipant]

p.s.

Confirmed identical behavior in Firefox, Chrome, Opera, IE9 (windows) and Android browser.

[Peter StoevKeymaster]

Hi wavetrex,

I suppose that this is related to the widget’s focus because when you click the window’s header it gets the focus and the browser automatically scrolls to the focused element. We will investigate that behavior.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[wavetrexParticipant]

Hello !

Thanks for investigating !

If it is the browser focus, then it’s still strange that it’s jumping to the bottom of the jqxDocking control. If the window itself was under focus, then it should make sure that particular window is visible, and ignore all the other windows in the docking panel.

Maybe a change that happened between versions is bleeding the focus from the window to the docking panel itself? Also, I didn’t know that random DIVs can be focused by the browser itself, shouldn’t it be only Form controls?

Of course, I’m sure your investigation will yield some answers !

Thanks again ! It will make my customer and future licensee of your framework very happy !
(And hopefully get me enough money to buy a developer license as well, as I really like this framework !)
Alin.

[Peter StoevKeymaster]

Hi wavetrex,

As far as I know, any HTML Element can be focused, not only the Inputs. And Yes, the described behavior is related to the jqxWindow’s Focus. I created a work item about it and we will resolve it in a future version.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[riccitelliMember]

Hi all,

I have the same problem also with 2.8 version:

http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxdocking/index.htm#demos/jqxdocking/defaultfunctionality.htm

[riccitelliMember]

Problem SOLVED with 2.8.1 version

[Author]

Posts