Unable to change text field focus with Chrome for liferay-ui:input-date

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.0.X, Master
• Fix Version/s: 7.0.0 DXP FP40, 7.0.0 DXP SP7, 7.0.5 CE GA6, 7.0.X, 7.1.0 M1, 7.1.0 M2, 7.1.X, Master
• Component/s: Frontend Infrastructure, UI Taglibs
• Labels:
  • ee-ts
  • liferay-digital-enterprise-70-sp7
  • liferay-fixpack-de-40-7010
• Branch Version/s:
  7.0.x
• Backported to Branch:
  Committed
• Story Points: 1
• Fix Priority: 1
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/55800

Description
When the "liferay-ui:input-date" 's attribute "nullable" is set to true, it should be able to move focus regardless of web browser
When testing above issue with sample portlet "com.example.datepick-1.0.0.jar", each web browser behaves differently. Especially, it's unable to change focus when using Chrome.

Each web browser's Behavior
Please see an attached gif "focus.gif"

• Fire Fox: Able to change focus without problem. Behaves as expected.
• IE11: Able to change focus, but every tap changes focus point. (Different behavior)
• Chrome: Unable to change focus. Behaves as unexpected.

Steps to reproduce

1. Deploy "com.example.datepick-1.0.0.jar"
2. Start Liferay SP6 + DE34 using Chrome web browser
3. Go to Default site > page and place "datepicker-web" Portlet
4. Input any date in 'date1' and 'date2'
5. Select date1 and delete the date data in date1
6. Select date2

Expected Behavior
Can select date2 without problem

Actual Behavior
Unable to move focus to date2

Reproduced in:

• Mac, Windows7, Windows10 + Chrome
• DE-34
• master: (3e5b62448c3a270e0b0a6aa31f16e5411db55a44)
• 7.0.x: (d5785361db485c700de126ab3e6f013b252cf754)