Form analytics events are inconsistent for Single Selection field type when changing the option

• Type: Bug
• Status: Verified
• Resolution: Unresolved
• Affects Version/s: 7.1.0 CE GA1
• Fix Version/s: None
• Component/s: Analytics Js Client
• Labels:
  • cerebro-team
• Fix Priority: 3

*Step by step:*

1. Create a form with a Single Selection field and publish it. You can import my exported form instead of create it manually. See it in attachment.
2. Access it via web.
3. Enable the Inspect of browser (chrome in this case), select the option Network and fill out on filter field the value "send", such as this image: https://drive.google.com/open?id=1iKWhIoCQGCo4PR7W8lXybuuke_doNv5U
4. Select an option from radio button and don't click in other place of screen
5. Once an option selected, change to another option different from the selected previoulsy and observe the events sent on Inspect. See this video for further details: https://drive.google.com/open?id=117Qnufpr_PwHY9rQc2ospbpXr5-eBPVd

*Current results:*

The system is sending events a sequence of events when changing the radio option previoulsy selected, such as: Field focused, Field Blurred and Field focused again.

*Expected result:*

When changing the radio option previoulsy selected and the next click of user is still on text area of radio button, the system shall not send another event. Another event only shall be sent if the user change the mouse focus (or use the keyboard as well) to another area different from field area, such as: click in another field, click on a button or something like that.

*Environment:*

Master Development -> http://192.168.109.41:8181

Version: https://github.com/liferay/liferay-portal/commit/5f8e61900441d6526793e5d8f007386d402a0ff3

*Browser:*

Chrome