On mobile devices, child page dropdowns cannot be collapsed

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 6.2.10 EE GA1, 6.2.X EE, 7.0.0 M3
• Fix Version/s: 6.2.2 CE GA3 , 6.2.X EE, 7.0.0 M1
• Component/s: Pages > Page Administration, Sites Administration > Sites
• Labels:
  • liferay-fixpack-user-interface-13-6210
• Environment: Tomcat 7.0.42 + MySQL 5.5. Portal master GIT ID: 980185f5a74615ee05ff68af1d4551d313a72529.; Tomcat 7.0.42 + MySQL 5.5. Portal ee-6.2.x GIT ID: ea51b923874c9b3d9e02ffc0c474217cdbf1c890.; Tomcat 7.0.42 + MySQL 5.5. Portal 6.2.10.1 RC2
• Branch Version/s:
  6.2.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Device Type:
  Tablet, Smartphone
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/17946

Steps to reproduce:

1. Add two pages to a site
2. Add a child page to one of the pages
3. Navigate to the site on an iPad in the horizontal view.
4. Tap the page with the child page (the child page name will appear below the page)
5. Tap outside of the page to close the dropdown of child pages

Expected results:
The dropdown of the child page should close. For iPads (horizontal view) this should happen by tapping outside the dropdown. For other mobile devices, this should be done by pressing the arrow again. This would be consistent with mobile behavior. Additionally, when using a desktop and mouse, the dropdown does not stay open as it is activated by mouse hovering

Actual results:
The dropdown of the child page does not close.

Note:
This occurs both for the desktop view when viewing on an iPad horizontally as well as on mobile devices through the page navigation.