Issue Summary

Content is lost, clipped, or obscured when the page is zoomed to 200% for the Object Overview Modal with default force mode/Tree mode graph.

Tested URL

https://instenv-21072-japp.instenv.internal.atlassian.com/browse/ITSM-9# 

Steps to Reproduce

1. Launch the URL
2. In the object navigate to the Affected Server details and activate the Link for the Object, it will open an Object overview modal
3. In the modal, activate the Show graph icon.
4. A new modal will appear for Object overview, Click on the "Force" button. Then the graph will display in the Force view. Click on the "Tree" button. Then the graph will display in the Tree view.
5. Try to zoom the page to 200% using the browser zoom for different browsers.

Actual Results

The Object Overview Modal with default force mode/Tree mode graph content fails to reflow when viewed at 200% zoom. The interactive elements and content are not visible on the page and the user is not able to scroll the modal with a mouse and keyboard. This will result in low vision users finding it difficult to access the content when zoomed in.

Expected Results

Low vision users access content by using the browser's zoom option turned on. Users have a tendency to zoom in up to 200-400%. Content at high zoom levels gets reflowed and text gets enlarged. Content when reflowed should be displayed in a single column.
Low vision users find it very helpful to access content displayed in a single column as they do not have to scroll both ways; horizontally and vertically in order to read it. 

Screenshot

Screen Recording

Screen Recording 2022-05-27 at 12.51.04 AM.mov

Workaround

Currently, there is no known workaround for this behaviour. A workaround will be added here when available.

Bug Ref: 745955

Bulldog Ref: JSMDC-12594