Image Uploader Error Message Displays Behind the active DOM Object

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.0.X EE, Master
• Fix Version/s: 7.0.0 DXP FP26, 7.0.X EE, 7.0.4 CE GA5, 7.1.X, Master
• Component/s: ~[Archived] UI Taglibs
• Labels:
  • liferay-digital-enterprise-70-sp5
  • liferay-fixpack-de-26-7010
• Branch Version/s:
  7.0.x
• Backported to Branch:
  Committed
• Fix Priority: 1
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/50554

Error message banner is displayed behind an active DOM object.

Steps to reproduce
1. Login as any user in the system
2. Go to user's "Account Settings" section
3. Click "Change" button under the profile image to upload a new image
4. Try to upload non image, such as a pdf file (We are trying to cause the error here)
5. Observe the pink error message banner showing up being the active DOM object.

Results of Testing:
Expected Results: Error message banner is not covered up by active DOM object.
Actual Results: Error message banner is displayed behind an active DOM object.