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: WCM, WCM > Sites Management > Pages Administration, WCM > Sites Management > Site 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

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.