Child Page Dropdown on Hover doesn't work with touch-screen laptop

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 6.2.X EE, 7.0.X, Master
• Fix Version/s: 6.2.X EE, 7.0.0 DXP FP33, 7.0.0 DXP SP7, 7.0.5 CE GA6, 7.0.X, 7.1.X, Master
• Component/s: Frontend Infrastructure
• Labels:
  • ee-ts
  • liferay-digital-enterprise-70-sp7
  • liferay-fixpack-de-33-7010
  • liferay-fixpack-portal-164-6210
• Branch Version/s:
  7.0.x, 6.2.x
• Backported to Branch:
  Committed
• Fix Priority: 1
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/52532

Child page dropdowns don't appear on mouse hover for touch-screen laptops with their touch drivers enabled. Currently the behavior is that when touch is enabled, only touch events are listened for, not mouse events.

Steps to Reproduce
1. Make sure you're using a touch-screen laptop with the touch screen driver enabled.
2. Create a page called page2.
3. Create a child page for that page, named childPage2.
4. Go to the home page for your site and try and mouse over page2 in the Navigation Menu.

Expected Result: A menu with all of page2's child pages, including childPage2, should appear.
Actual Result: No dropdown menu appears on mousing over the page.