Change the default value for survey focusFirstQuestionAutomatic to fa…

src/survey.ts

@@ -7455,7 +7455,7 @@ Serializer.addClass("survey", [
     default: "left",
     choices: ["none", "left", "right", "top", "bottom"],
   },
-  { name: "focusFirstQuestionAutomatic:boolean", default: true },
+  { name: "focusFirstQuestionAutomatic:boolean" },
   { name: "focusOnFirstError:boolean", default: true },
   { name: "completedHtml:html", serializationProperty: "locCompletedHtml" },
   {

testCafe/components/popup.ts

@@ -3,6 +3,7 @@ import { Selector, ClientFunction } from "testcafe";
 const title = "popup";
 
 const json = {
+  focusFirstQuestionAutomatic: true,
   elements: [
     {
       type: "text",

testCafe/questions/comment.ts

@@ -136,6 +136,7 @@ frameworks.forEach((framework) => {
     const characterCounter = Selector(".sv-remaining-character-counter");
 
     await initSurvey(framework, {
+      focusFirstQuestionAutomatic: true,
       questions: [
         {
           name: "comment",

testCafe/questions/dropdown.js

@@ -636,6 +636,7 @@ frameworks.forEach((framework) => {
 
   test("Check dropdown key press with searchEnabled", async (t) => {
     const jsonWithDropDown = {
+      focusFirstQuestionAutomatic: true,
       questions: [
         {
           type: "dropdown",
@@ -724,6 +725,7 @@ frameworks.forEach((framework) => {
 
   test("Select item after switching focus", async (t) => {
     const jsonWithDropDown = {
+      focusFirstQuestionAutomatic: true,
       questions: [
         {
           type: "dropdown",
@@ -771,6 +773,7 @@ frameworks.forEach((framework) => {
 
   test("Check dropdown key press without searchEnabled", async (t) => {
     const jsonWithDropDown = {
+      focusFirstQuestionAutomatic: true,
       questions: [
         {
           type: "dropdown",
@@ -855,6 +858,7 @@ frameworks.forEach((framework) => {
 
   test("Check dropdown SPACE press without searchEnabled", async (t) => {
     const jsonWithDropDown = {
+      focusFirstQuestionAutomatic: true,
       questions: [
         {
           type: "dropdown",
@@ -883,6 +887,7 @@ frameworks.forEach((framework) => {
 
   test("Check dropdown SPACE press with searchEnabled", async (t) => {
     const jsonWithDropDown = {
+      focusFirstQuestionAutomatic: true,
       questions: [
         {
           type: "dropdown",
@@ -909,6 +914,7 @@ frameworks.forEach((framework) => {
 
   test("Check dropdown search", async (t) => {
     const jsonWithDropDown = {
+      focusFirstQuestionAutomatic: true,
       questions: [
         {
           type: "dropdown",
@@ -1039,6 +1045,7 @@ frameworks.forEach((framework) => {
 
   test("Check dropdown reset filter string", async (t) => {
     const jsonWithDropdown = {
+      focusFirstQuestionAutomatic: true,
       questions: [
         {
           type: "dropdown",
@@ -1098,6 +1105,7 @@ frameworks.forEach((framework) => {
 
   test("Check dropdown clear value by keyboard", async (t) => {
     const jsonWithDropDown = {
+      focusFirstQuestionAutomatic: true,
       questions: [
         {
           type: "dropdown",
@@ -1169,6 +1177,7 @@ frameworks.forEach((framework) => {
 
   test("Check popup scroll", async (t) => {
     const jsonWithDropDown = {
+      focusFirstQuestionAutomatic: true,
       questions: [
         {
           type: "dropdown",
@@ -1365,6 +1374,7 @@ frameworks.forEach((framework) => {
   test.page(`${url_test}${theme}/${framework}`)("Check popup height with lazy loading", async (t) => {
     await applyTheme(theme);
     const json = {
+      focusFirstQuestionAutomatic: true,
       questions: [
         {
           type: "dropdown",
@@ -1458,6 +1468,7 @@ frameworks.forEach((framework) => {
   test.page(`${url_test}${theme}/${framework}`)("Check popup height and position while searching", async (t) => {
     await applyTheme(theme);
     const json = {
+      focusFirstQuestionAutomatic: true,
       questions: [
         {
           type: "dropdown",
@@ -1617,6 +1628,7 @@ frameworks.forEach((framework) => {
 
   test("Check dropdown popup close with mouse, bug #5860", async (t) => {
     const jsonWithDropDown = {
+      focusFirstQuestionAutomatic: true,
       questions: [
         {
           type: "dropdown",

testCafe/questions/paneldynamic.ts

@@ -291,6 +291,7 @@ frameworks.forEach((framework) => {
 });
 
 const json3 = {
+  focusFirstQuestionAutomatic: true,
   elements: [
     {
       type: "matrixdynamic",

testCafe/questions/tagbox.ts

@@ -5,6 +5,7 @@ const title = "tagbox";
 const questionOffsetTopConst = 176;
 
 const jsonCloseOnSelectIsTrue = {
+  focusFirstQuestionAutomatic: true,
   showQuestionNumbers: "off",
   questions: [
     {
@@ -46,6 +47,7 @@ const jsonCloseOnSelectIsTrue = {
 };
 
 const jsonCloseOnSelectIsDefault = {
+  focusFirstQuestionAutomatic: true,
   showQuestionNumbers: "off",
   questions: [
     {
@@ -498,6 +500,7 @@ frameworks.forEach((framework) => {
   test.page(`${url_test}${theme}/${framework}`)("Check popup height with lazy loading", async (t) => {
     await applyTheme(theme);
     const json = {
+      focusFirstQuestionAutomatic: true,
       questions: [
         {
           type: "tagbox",
@@ -594,6 +597,7 @@ frameworks.forEach((framework) => {
   test.page(`${url_test}${theme}/${framework}`)("Check popup height and position while searching", async (t) => {
     await applyTheme(theme);
     const json = {
+      focusFirstQuestionAutomatic: true,
       questions: [
         {
           type: "tagbox",
@@ -725,6 +729,7 @@ frameworks.forEach((framework) => {
   test.page(`${url_test}${theme}/${framework}`)("Check popup height with lazy loading, if closeOnSelect is false", async (t) => {
     await applyTheme(theme);
     const json = {
+      focusFirstQuestionAutomatic: true,
       questions: [
         {
           type: "tagbox",
@@ -822,6 +827,7 @@ frameworks.forEach((framework) => {
   test.page(`${url_test}${theme}/${framework}`)("Check popup height and position while searching, if closeOnSelect is false", async (t) => {
     await applyTheme(theme);
     const json = {
+      focusFirstQuestionAutomatic: true,
       questions: [
         {
           type: "tagbox",

testCafe/questions/text.js

@@ -194,6 +194,7 @@ frameworks.forEach((framework) => {
     const characterCounter = Selector(".sv-remaining-character-counter");
 
     await initSurvey(framework, {
+      focusFirstQuestionAutomatic: true,
       questions: [
         {
           name: "name",
@@ -221,6 +222,7 @@ frameworks.forEach((framework) => {
   });
   test("Allow Space As Answer", async (t) => {
     await initSurvey(framework, {
+      focusFirstQuestionAutomatic: true,
       questions: [
         {
           name: "name",

testCafe/survey/autoNextPage.js

@@ -5,6 +5,7 @@ const assert = require("assert");
 const title = "autoNextPage";
 
 const json = {
+  focusFirstQuestionAutomatic: true,
   title: "American History",
   showProgressBar: "bottom",
   goNextPageAutomatic: true,
@@ -60,6 +61,7 @@ const json = {
     "<p>Your anwers are:</p><p>When was the Civil War?: <b>{civilwar}</b>. The correct is: <b>1850-1900</b></p><p>Who said 'Give me liberty or give me death?': <b>{libertyordeath}</b>. The correct is: <b>Patrick Henry</b></p><p>What is the Magna Carta?: <b>{magnacarta}</b>. The correct is: <b>The foundation of the British parliamentary system</b></p>"
 };
 const json2 = {
+  focusFirstQuestionAutomatic: true,
   goNextPageAutomatic: true,
   pages: [
     {
@@ -75,6 +77,7 @@ const json2 = {
   ]
 };
 const json3 = {
+  focusFirstQuestionAutomatic: true,
   goNextPageAutomatic: true,
   pages: [
     {

testCafe/survey/focusFirstQuestionAutomatic.ts

@@ -4,6 +4,7 @@ import { Selector, ClientFunction } from "testcafe";
 const title = "focusFirstQuestionAutomatic";
 
 const json = {
+  focusFirstQuestionAutomatic: true,
   pages: [
     {
       elements: [

testCafe/survey/focusQuestionEvent.ts

@@ -4,6 +4,7 @@ import { Selector, ClientFunction } from "testcafe";
 const title = "focusFirstQuestionAutomatic";
 
 const json = {
+  focusFirstQuestionAutomatic: true,
   pages: [
     {
       elements: [
@@ -189,6 +190,7 @@ frameworks.forEach(async framework => {
       return window["survey_focusedName"];
     });
     await initSurvey(framework, {
+      focusFirstQuestionAutomatic: true,
       pages: [
         {
           elements: [

testCafe/validation/focusErroredInput.js

@@ -2,6 +2,7 @@ import { frameworks, url, initSurvey, getSurveyResult } from "../helper";
 import { Selector, ClientFunction, fixture, test } from "testcafe";
 const title = "focus input with Error";
 const json1 = {
+  focusFirstQuestionAutomatic: true,
   "pages": [
     {
       "name": "page1",
@@ -35,6 +36,7 @@ const json1 = {
   "checkErrorsMode": "onComplete"
 };
 const json2 = {
+  focusFirstQuestionAutomatic: true,
   "pages": [
     {
       "name": "page1",

visualRegressionTests/tests/defaultV2/advancedHeader.ts

@@ -22,6 +22,7 @@ frameworks.forEach(framework => {
     await wrapVisualTest(t, async (t, comparer) => {
       await t.resizeWindow(1200, 1000);
       await initSurvey(framework, {
+        focusFirstQuestionAutomatic: true,
         title: "Survey Title",
         description: "Survey description",
         logo: "https://surveyjs.io/Content/Images/examples/image-picker/lion.jpg",
@@ -50,6 +51,7 @@ frameworks.forEach(framework => {
     await wrapVisualTest(t, async (t, comparer) => {
       await t.resizeWindow(1200, 1000);
       await initSurvey(framework, {
+        focusFirstQuestionAutomatic: true,
         title: "Survey Title",
         description: "Survey description",
         logo: "https://surveyjs.io/Content/Images/examples/image-picker/lion.jpg",

visualRegressionTests/tests/defaultV2/boolean.ts

@@ -88,6 +88,7 @@ frameworks.forEach(framework => {
     await wrapVisualTest(t, async (t, comparer) => {
       await t.resizeWindow(1920, 1080);
       await initSurvey(framework, {
+        focusFirstQuestionAutomatic: true,
         questions: [
           {
             type: "boolean",

visualRegressionTests/tests/defaultV2/dropdown.ts

@@ -103,6 +103,7 @@ frameworks.forEach(framework => {
     await wrapVisualTest(t, async (t, comparer) => {
       await t.resizeWindow(1920, 1080);
       await initSurvey(framework, {
+        focusFirstQuestionAutomatic: true,
         showQuestionNumbers: "off",
         questions: [
           {
@@ -189,6 +190,7 @@ frameworks.forEach(framework => {
     await wrapVisualTest(t, async (t, comparer) => {
       await t.resizeWindow(1280, 1100);
       await initSurvey(framework, {
+        focusFirstQuestionAutomatic: true,
         showQuestionNumbers: "off",
         questions: [
           {
@@ -432,6 +434,7 @@ frameworks.forEach(framework => {
     await wrapVisualTest(t, async (t, comparer) => {
       await t.resizeWindow(1280, 1100);
       await initSurvey(framework, {
+        focusFirstQuestionAutomatic: true,
         showQuestionNumbers: "off",
         questions: [
           {
@@ -562,6 +565,7 @@ frameworks.forEach(framework => {
       await registerCustomItemComponent(framework);
 
       const jsonWithDropDown = {
+        focusFirstQuestionAutomatic: true,
         questions: [
           {
             type: "dropdown",

visualRegressionTests/tests/defaultV2/matrix.ts

@@ -88,6 +88,7 @@ frameworks.forEach(framework => {
     await wrapVisualTest(t, async (t, comparer) => {
       await t.resizeWindow(1200, 1200);
       await initSurvey(framework, {
+        focusFirstQuestionAutomatic: true,
         "pages": [
           {
             "name": "page1",
@@ -209,6 +210,7 @@ frameworks.forEach(framework => {
     await wrapVisualTest(t, async (t, comparer) => {
       await t.resizeWindow(1200, 1200);
       await initSurvey(framework, {
+        focusFirstQuestionAutomatic: true,
         "pages": [
           {
             "name": "page1",
@@ -1019,6 +1021,7 @@ frameworks.forEach(framework => {
     await wrapVisualTest(t, async (t, comparer) => {
       await t.resizeWindow(1920, 1080);
       await initSurvey(framework, {
+        focusFirstQuestionAutomatic: true,
         "elements": [
           {
             "type": "matrixdropdown",

visualRegressionTests/tests/defaultV2/panel.ts

@@ -21,6 +21,7 @@ frameworks.forEach(framework => {
     await wrapVisualTest(t, async (t, comparer) => {
       await t.resizeWindow(1920, 1080);
       await initSurvey(framework, {
+        focusFirstQuestionAutomatic: true,
         width: "900px",
         questions: [
           {