[MGNLUI-3120] Chrome and Firefox on Windows: On various actions the whole tree shifts quickly down and up again Created: 25/Aug/14  Updated: 10/Mar/21  Resolved: 10/Mar/21

Status: Closed
Project: Magnolia UI
Component/s: admincentral
Affects Version/s: 5.3.2
Fix Version/s: None

Type: Bug Priority: Neutral
Reporter: Christian Ringele Assignee: Unassigned
Resolution: Obsolete Votes: 0
Labels: blocked, support
Remaining Estimate: 0d
Time Spent: 0.75d
Original Estimate: Not Specified

Attachments: File magnolia-5.5.2-tree-jumping-720p.mov    
Issue Links:
causality
relation
is related to MGNLUI-3131 AdminCentral tree view: The treeview ... Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Bug DoR:
[ ]* Steps to reproduce, expected, and actual results filled
[ ]* Affected version filled
Date of First Response:
Story Points: 3

 Description   

Customer raised the issue in the suppor ticket SUPPORT-3906 and added also a video of it.

I tested it in parallels and can confirm the same behavior.

Description:
On various actions the whole tree shifts quickly down and up again. It is good viewable on the right side of the scroll bar.
The actions where it was seen:

  • adding a node
  • adding a property
  • renaming a node inline
  • renaming a property inline

It seems that it happens every time, when the tree needs to be updated for displaying the added change.

UPD:
After some research it was concluded that the issue might be related to the core Vaadin functionality (see http://dev.vaadin.com/ticket/14784#ticket).
UPD2:
Can only confirm what is stated in the Vaadin ticket mentioned above. I tried to debug the client-side code of TreeTable but it feels like looking for a needle in a haystack and could not pinpoint any evident cause for this behaviour on Windows. Can only add that apparently MS Edge and IE11 do not show the problem.
UPD3:
The attached video is Chrome 57 on Windows 10. Jumping can also be reproduced on Firefox 52.



 Comments   
Comment by Ricardo Ulate [ 26/Aug/14 ]

Updated SUPPORT-3906 to include a video of the error happening in a Mac computer using Firefox.

Comment by Christopher Zimmermann [ 17/Sep/14 ]

Condition looks wrong:
if (currentScrollTop < tableBody.height() || currentScrollTop > rowHeight * rowIndex)

Shouldn't the first clause change? So:
var lineTop = rowHeight * rowIndex;
if ((currentScrollTop + tableBody.height()) < rowIndex || currentScrollTop > rowIndex)

Comment by Christopher Zimmermann [ 18/Sep/14 ]

The current fix does not resolve the small bump down and up again as described in the support ticket. But I was only able to reproduce that problem with browser zoomed not to 100%.
The fix does nicely fix the problem of the tree scrolling substantially when you do something like a right-click. The fix should be submitted against a new ticket of that name.

Comment by Aleksandr Pchelintcev [ 30/Sep/14 ]

After some research it was concluded that the issue might be related to the core Vaadin functionality (see http://dev.vaadin.com/ticket/14784#ticket).

Comment by Antti Hietala [ 21/Mar/17 ]

Retested on 5.5.2 and 5.3.2. Still an issue. See attached video of config tree jumping in operations such as expanding a node, adding a node, adding a property, and renaming.

Comment by Federico Grilli [ 27/Mar/17 ]

Did a further test on 5.5.2 on Windows10 and MS Edge and IE11 seem to be immune from this.

Comment by Christopher Zimmermann [ 30/Mar/17 ]

ahietala which browser and machine did you see this on? (is the video from?)

Comment by Michael Mühlebach [ 03/Apr/17 ]

Blocked because the issue has to be solved on Vaadin side: http://dev.vaadin.com/ticket/14784#ticket

Comment by Jan Haderka [ 10/Mar/21 ]

Not an issue on 6.2.x

Generated at Mon Feb 12 09:03:24 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.