-
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, ~ [Archived] Frontend Infrastructure
-
Branch Version/s:7.2.x, 7.1.x
-
Backported to Branch:Committed
-
Fix Priority:3
-
Git Pull Request:
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?
