Radiogroup & Checkboxes not auto-focused when going to next page

Are you requesting a feature, reporting a bug or asking a question?

Bug

What is the current behavior?

Currently in the new version 1.0.56, after going to the next page, the first question is not auto-focused if it’s a radiogroup or checkbox group (instead it focuses the Next button).

What is the expected behavior?

First choice should be auto-focused.

How would you reproduce the current behavior (if this is a bug)?

In the sample React survey in the examples/react folder, copy-paste the below JSON

Provide the test code and the tested page URL (if applicable)

Test JSON

{
	"pages": [{
			"name": "page1",
			"elements": [{
				"type": "text",
				"name": "CC_01",
				"title": "How old are you?",
				"isRequired": true,
				"validators": [{
					"type": "numeric",
					"minValue": 18,
					"maxValue": 99
				}],
				"placeHolder": "(years)"
			}]
		},
		{
			"name": "page2",
			"elements": [{
				"type": "radiogroup",
				"name": "CC_02",
				"title": "What is your sex?",
				"isRequired": true,
				"choices": [{
						"value": "M",
						"text": "Male"
					},
					{
						"value": "F",
						"text": "Female"
					}
				]
			}]
		},
		{
			"name": "page3",
			"elements": [{
				"type": "checkbox",
				"name": "CC_03",
				"title": "Favourite colours?",
				"isRequired": true,
				"choices": [{
						"value": "B",
						"text": "Blue"
					},
					{
						"value": "R",
						"text": "Red"
					}
				]
			}]
		}
	]
}

Specify your

• browser: Chrome
• browser version: 70.0.3538.77
• surveyjs platform (angular or react or jquery or knockout or vue): react
• surveyjs version: 1.0.56

[tsv2013]

@ekim-novus Thank you for investigations. You are absolutely right. I’ve moved setSurveyEvents into updateSurvey method. If functional tests will be ok, I’ll leave this solution.

[ekim-novus]

@tsv2013 I just discovered that the reason onCurrentPageChangedHandler was not being called, is because a second ReactSurveyModel is being created, which replaces the first one.

Working In the example React survey, when the survey initially loads:

1. the constructor of reactSurvey.tsx calls:

• updateSurvey() which creates a new ReactSurveyModel
• setSurveyEvents(), which adds the onCurrentPageChangedHandler

1. componentWillReceiveProps() is not called

Not Working However, in my local project, when the survey loads:

1. the constructor in reactSurvey.tsx is called (same as above)
2. componentWillReceiveProps() is called right after the constructor, where:

• updateSurvey() creates a new ReactSurveyModel
• but setSurveyEvents() is not called, so onCurrentPageChangedHandler is not added

As a suggestion, should setSurveyEvents() be called right after updateSurvey() inside componentWillReceiveProps? Unless that may cause other issues.