When page names are too long, ellipses menu to edit the page is loaded off-screen and cannot be used

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.3.X, Master
• Fix Version/s: 7.3.10 DXP FP1, 7.3.10.1 DXP SP1, 7.3.6 CE GA7, 7.3.X, 7.4.13 DXP GA1, Master
• Component/s: Accessibility, Pages > Content Pages
• Labels:
  • echo-board-in
  • ee-ts
  • liferay-dxp-73-sp1
  • liferay-fixpack-dxp-1-7310
• Branch Version/s:
  7.3.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Git Pull Request: https://github.com/liferay-echo/liferay-portal/pull/3777
• Bug Type: Accessibility

Description:
When the scroll bars appear due to a Child Page name exceeding the size of the Navigation Menu, the vertical scroll bar is hidden and blocks your ability to click on the ellipses for the Child Page.

Steps to Reproduce:
1. Build a Public Page named "Home"
2. Build a Public Page named "Search"
3. Build a Public Page named "Content Page"
4. Build a Public Page named "Widget Page"
5. Build a Public Page named "Portlet Types"
6. Add a Child Page named "Blogs"
7. Add a Child Page named "Message Boards With Extra Wooooooooooooords"

Expected Behavior:
Ellipsis menu is loaded on-screen.

Observed Behavior:
Ellipsis menu is blocked by scroll bar. Attempting to scroll to the right to view the menu closes the menu.

Additional Testing:
73x: 24b37e333d91257ef397026efba38ac3f4ad1f3c
Result: Issue reproduced.

master: fc951eb3feae30f49989082f75f0e7fd4d7bb558
Result: Issue reproduced.

Per the PTR, the expected behavior is that there is no horizontal scroll bar