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

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.1.X, 7.2.X, Master
• Fix Version/s: 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
• Component/s: Accessibility, Frontend Infrastructure
• Labels:
  • ee-ts
  • liferay-dxp-71-sp4
  • liferay-dxp-72-sp2
  • liferay-fixpack-dxp-17-7110
  • liferay-fixpack-dxp-5-7210
• Branch Version/s:
  7.2.x, 7.1.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/82783

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?