Issue Summary

      Content is lost, clipped, or obscured when the page is zoomed to 200% for the Object Overview Modal.

      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.
      5. Try to zoom the page to 200% using the browser zoom for different browsers.

      Actual Results

      The Object Overview Modal 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 3.37.45 PM.mov

      Workaround

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

      Bug Ref: 744627

      Bulldog Ref: JSMDC-12542

          Form Name

            [JSDSERVER-11601] Object Overview Modal :Content fails to reflow at 200% zoom.

            No work has yet been logged on this issue.

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

                Created:
                Updated: