Uploaded image for project: 'Jira Service Management Data Center'
  1. Jira Service Management Data Center
  2. JSDSERVER-11598

Object Overview Modal with default force mode/Tree mode graph : Content fails to reflow at 200% zoom.

      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

          Form Name

            [JSDSERVER-11598] Object Overview Modal with default force mode/Tree mode graph : Content fails to reflow at 200% zoom.

              Unassigned Unassigned
              12b69dcabe29 Matthew Brennan
              Affected customers:
              0 This affects my team
              Watchers:
              1 Start watching this issue

                Created:
                Updated: