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.X EE, 7.0.0 M1, 6.2.2 CE GA3
• Component/s: WCM, WCM > Site Administration, WCM > Site Administration > Pages Administration
• 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
• Similar Issues: Show 5 results ; ;

  LPS-46857	On a mobile device, switching between child page dropdowns will navigate to the child page (it should only open the menu)
  LPS-42409	On a mobile device, tapping the dropdown to expand the child pages of a parent page in navigation will sometimes edit the parent page name
  LPS-46434	On mobile devices, the dropdown toggles do not stay open
  LPS-48010	ee-6.2.x only - Child page dropdowns do not stay open on android devices using the native browser
  LPS-41876	On a mobile device, the dropdowns and dropdown icons for Calendar are not mobile responsive

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.

[Kenji Heigel]

FAILED Manual Testing following the steps in the description.

Failed on:
Tomcat 7.0.42 + MySQL 5.5. Portal master GIT ID: a509962b2123a38fd9db42648470324bab97d5d8.

Tested on:
iPad (3rd Gen) + iOS 7.0.4 + Safari
Samsung Galaxy Nexus + Android 4.2.2 + Android Browser

It still behaves as described in the description. This may also have caused a regression where in mobile views, the child page does not stay open. Will have to investigate further to determine if that is a separate issue or related to this.

[Kenji Heigel]

PASSED Manual Testing following the steps in the description.

Fixed on:
Tomcat 7.0.42 + MySQL 5.5. Portal master GIT ID: 24370ad2f623cf17eb8dafcf36300ed2c3ea1582.

Tested on:
iPad (3rd Gen) + iOS 7.0.4 + Safari
Samsung Galaxy Nexus + Android 4.2.2 + Android Browser

Clicking outside of the dropdown will close the dropdown. This behavior has been applied consistently in all views. On android 4.2 and 4.3, the child pages do not stay open. This has been documented in a separate ticket, LPS-45970.

[Kenji Heigel]

PASSED Manual Testing following the steps in the description.

Fixed on:
Tomcat 7.0.42 + MySQL 5.5. Portal ee-6.2.x GIT ID: ebcb4bf1f12228dd79f7d5035a12c079ef433db6.

Tested on:
iPad (3rd Gen) + iOS 7.0.4 + Safari
Samsung Galaxy Nexus + Android 4.2.2 + Android Browser

Clicking outside of the dropdown will close the dropdown. This was recently backported to ee-6.2.x. The android issue described in LPS-45970 occurs.