Uploaded image for project: 'PUBLIC - Liferay Portal Community Edition'
  1. PUBLIC - Liferay Portal Community Edition
  2. LPS-106470

Modal overlay does not cover the whole browser screen after being resized, while browser zooming to 75%

Details

    Description

      The modal overlay does not cover browser screen after being resized, while browser zooming to 75%.

      Steps to reproduce:

      • For Windows 10 users, make sure the OS display zoom setting is set to 100%. Check with Windows Settings > System > Display > Scale and layout > 100%
      • Start a clean bundle.
      • Open a browser with unminimized.
      • Access http://localhost:8080
      • Set browser zoom to at least 75%. Then reload page.
      • Click Sign in to show modal form.
      • Resize browser window to increase dimensions.

       Actual result:

      Modal window does not cover whole browser screen, and we can interact with objects behind it.

       Expected result:

      Modal window covers whole browser screen regardless of being resized and cannot interact with objects behind it.

       

      Reproduced with:

      • Windows 10, Ubuntu 18.04 LTS. CSE reported reproducible in Max OS.
      • Chrome 79.0.3945.88 (Official Build) (64-bit).
      • master 41fa17c73020f6e6fa3c4a597a687afd788f41c4
      • 72x 23419eb3bf6e883c64b2560f7be4444547e8093f
        71x 20ed61deffcebb584b24102fcf5ebd9639d2aa43, DXP 7.1 SP2, DXP-5-7110

      Not reproduced with:

      • Firefox 71.0 (64-bit) in Windows 10, IE11

       Investigated result: the issue comes from LiferayModal component, which actually was cause by /o/frontend-js-web/aui/widget-modality/widget-modality.js from AUI.

      See screenshot .

      We may need to communicate with FEI team to see if this could be fixed?

       

      Attachments

        Activity

          People

            summer.zhang Summer Zhang
            ha.tang Ha Tang
            Kiyoshi Lee Kiyoshi Lee
            Ha Tang Ha Tang
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:
              3 years, 4 weeks, 2 days ago

              Packages

                Version Package
                7.1.10 DXP FP17
                7.1.10.4 SP4
                7.1.X
                7.2.10 DXP FP5
                7.2.10.2 DXP SP2
                7.2.X
                7.3.0 CE GA1
                7.3.10 DXP GA1
                Master