ResizeObserver loop error on Display Layout edit

[charlesh88]

Summary

Editing a Display Layout consistently displays this error overlay:

This occurs when creating a new layout or having already edited an existing layout. The only exception seems to be when edit is initiated right after navving to an existing layout; see repro steps below. Note that no console errors are thrown.

Expected vs Current Behavior

No error overlay.

Impact Check List

• Data loss or misrepresented data?
• Regression? Did this used to work or has it always been broken? UNSURE
• Is there a workaround available?
• Does this impact a critical component?
• Is this just a visual bug with no functional impact?

Steps to Reproduce

1. Create a Display Layout.
2. Nav away, then back. Immediately click to edit the layout.
3. Observe: the layout should enter edit mode without displaying an error overlay.
4. Exit edit mode. Click to edit the layout again.
5. Observe: the error overlay as shown above will be displayed.
6. Click the "x" at upper right to dismiss the overlay, and note that you will be in edit mode.
7. Repeat step 4, note the same result as noted in 5.
8. Repeat step 2, note the same result as noted in 3.

Environment

• Open MCT Version: 4.0.0-next
• Deployment Type: openmct-yamcs
• OS: Macos.
• Browser: Chrome.

Additional Information