"This field is required" message pops up for both of the multiple selection fields

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.1.X, Master
• Fix Version/s: 7.1.10 DXP FP8, 7.1.10.2 SP2, 7.1.3 CE GA4, 7.1.X, Master
• Component/s: Forms
• Labels:
  • ee-ts
  • liferay-dxp-71-sp2
  • liferay-fixpack-dxp-8-7110
• Branch Version/s:
  7.1.x
• Backported to Branch:
  Committed
• Fix Priority: 2
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/67995

Description:
In IE11, the "This field is required" message pops up for both of the multiple selection fields even though all required fields have been selected.

Steps to Reproduce:
1. In IE11, go to Control Panel > Content > Forms > New Form
2. Add a Text Field to the Form
3. Click the ellipsis on the Form > Add New Page
4. Add 2 Single Selection Fields to Page 2 of Form
5. Make sure Required Field is selected, and add at least 2 Options
6. Add 2 Multiple Selection Fields to Page 2 of Form
7. Make sure Required Field is selected, and add at least 2 Options
Publish Form
8. Go to site page and add the newly created Form to the page
9. Go to Page 2 of the Form and select 3 of the 4 required fields, and then press Submit
10. Select the remaining required field, and then click anywhere on the page (but not Submit)
Expected Behavior: The "This field is required" message does not pop up since all fields have been selected
Actual Behavior: The "This field is required" message pops up for both of the multiple selection fields