Pull Request Diff Tab- change detail (side by side view) : Form field causes unexpected change

Issue Summary

A change of context occurs without warning when the user changes the setting of a user interface control.
Element description: Radio button or checkbox option from Diff view settings menu.

Steps to Reproduce

1. Open the pull request.
2. In the Pull request select the Diff tab.
3. In the Diff view section, in the header section navigate to the setting button and activate it.
4. In the setting menu popup available, select any radio button or checkbox, and observe the focus moving on activating the form fields.

Actual Results

Upon selecting the radio button or checkbox from diff view settings, applies the option and closes the settings menu. Also, the user is not notified about the option selected. This can make Keyboard and screen reader users disoriented. If they want to apply more than one option from the settings menu then they have to keep on navigating back to the setting menu.

Expected Results

Changing an element's value should not automatically trigger a change of context unless the user is adequately advised ahead of time.

1. Ensure that entering text into an edit box, checking a checkbox or radio button, or navigating to one of the options of a select control does not result in a substantial change in context including:

• submitting a form automatically;
• launching a new window;
• an additional change of keyboard focus or
• any other change that could confuse or disorient the user.

2. Inform users ahead of time of such behavior by methods such as the text label for the UI control or some advisory text placed before the control that cautions the user of this behavior.

Screenshot

Screen Recording

Screen Recording 2022-09-06 at 2.53.49 PM.mov

Workaround

Currently, there is no known workaround for this behavior. A workaround will be added here when available.

Bug Ref: 739277