Imagery is auto-scrolling Display Layout on update

[charlesh88]

Summary

When a Display Layout that has an imagery view with thumbnails is hidden behind a scroll:

when that Imagery view updates to receive a new thumbnail the whole layout is automatically scrolled to bring the Imagery element frame into view:

This occurs in the main view, and will occur in nested Display Layouts, with each child layout scrolling itself additionally:

Expected vs Current Behavior

Jokes aside that this is a feature to bring changing things into view, the real problem here is that something the user is actually looking at may be scrolled out of view without them desiring that.

Steps to Reproduce

1. Make or edit a Display Layout such that an imagery view that receives real-time updates is placed to the far right and lower edge of the canvas, ideally in a way that it can be hidden when the main view's horizontal scroll is all the way to the left and up. See the first attached image above.
2. Size the browser window such that vertical/horizontal scrollbars appear for the main view area, and the imagery element is completely or mostly hidden behind the scroll. Adjust the position and size of that element accordingly.
3. Save changes, nav away and then back to the main view. Observe: The view may be scrolled even on initial load. Important: don't touch the scroll in the main view - manually setting the scroll back seems to prevent the problem from occurring.
4. Observe: when the Imagery view receives a new thumbnail update, the view will automatically scroll to bring it into view.

Environment

• Open MCT Version: 2.1.2
• Deployment Type: localhost
• OS: MacOS
• Browser: Chrome 105.0.5195.125 (Official Build) (x86_64)

Impact Check List

• Data loss or misrepresented data?
• Regression? Did this used to work or has it always been broken?
• Is there a workaround available?
• Does this impact a critical component?
• Is this just a visual bug with no functional impact?
• Does this block the execution of e2e tests?
• Does this have an impact on Performance?

Additional Information

[michaelrogers]

How to test

• Create a display layout
• Add imagery to the layout
• Position it to be outside the scroll area of the window
• Switch to a realtime mode (Local Clock)
• Observe that as new image telemetry streams in that the scroll area does not shift
• Observe that the image thumbnails continue to scroll to the right to show the latest

[scottbell]

Note for testing, the Imagery with the thumbnail strip has to be visible, so the imagery has be sized tall enough to have a thumbnail strip. E.g., you want this:

not this:

[ozyx]

Veriified Testathon 12/28/2022:

Imagery streams in, the imagery view in the display layout will scroll but the display layout itself does not. Nice!