Released: November 20, 2024

SurveyJS v1.12.11 introduces a behavior change in Form Library: survey pages are now scrolled to the top when users switch between them. Other notable updates include: performance increase when working with large surveys, fixed memory leaks, and an API to specify a default device for survey preview in Survey Creator.

Previously, when users switch to a survey page, it was scrolled to the first question. This behavior is deemed incorrect because the survey header, progress bar, and other elements above the question area are left outside the viewport. Since SurveyJS Form Library v1.12.11, survey pages are scrolled to the top regardless of their content to display the aforementioned elements.

Survey Creator includes a Preview tab where you can see how your survey will look and behave once it is deployed. This tab allows you to preview the survey on different devices: desktop, smartphone, and tablet.

Surveys are previewed on desktop by default. The new release introduces a previewDevice property, which allows you to select a different default device. For instance, the following Survey Creator configuration specifies to preview surveys on iPad. Users will be able to select a different device at runtime.

import { SurveyCreatorModel } from "survey-creator-core";
const creatorOptions = {
  // ...
  previewDevice: "iPad"
};
const creator = new SurveyCreatorModel(creatorOptions);

View Documentation

Survey Creator: Randomization within a Form

Form Library

• Signature: A signature image downloaded from a server is cropped on mobile devices (#9049)
• [Mobile] Dropdown: A huge X button appears in the menu when menuType is set to "dropdown" within the onOpenDropdownMenu event handler (#9038)
• Input masks: The "mm/dd/yy" pattern doesn't work when min and max values are specified (#9050)
• Page titles disregard the showPageTitles property when the survey uses a non-English locale and displays all questions on one page (#9048)
• The onValidatePanel event is raised for pages as well as for panels (#9031)
• The onQuestionAdded event is raised when moving a question to another page using the "Layout" > "Move the question to page" editor in Survey Creator (#9073)

Survey Creator

• A public API for hiding individual triggers from the Property Grid and the Logic tab is missing (#6031)
• Dynamic Matrix is missing from a list of available questions in the condition builder UI (#6093)
• [Vue 3] Improve performance when loading large surveys (#6071)
• [Performance] Translation tab: Deleting a locale takes a lot of time for large surveys (#6092)
• [Performance] Adorners are created for all questions when switching from Preview to Designer (#6029)
• Read-only mode allows users to remove questions using the Delete key (#6078)
• Translation tab: The meatballs menu no longer displays a full list of tabs if you increase or decrease the side panel (#6104)
• Dynamic Panel: An inner panel disappears when setting a default answer using the Set Default Answer dialog (#6088)
• Long Text (Comment): An exception occurs when changing the "Expand input field dynamically" or "Enable resize handle" setting to "Inherit" (#6099)

npm i survey-core@1.12.11 survey-angular-ui@1.12.11 --save
npm i survey-creator-core@1.12.11 survey-creator-angular@1.12.11 --save
npm i survey-analytics@1.12.11 --save
npm i survey-pdf@1.12.11 --save

npm i survey-core@1.12.11 survey-react-ui@1.12.11 --save
npm i survey-creator-core@1.12.11 survey-creator-react@1.12.11 --save
npm i survey-analytics@1.12.11 --save
npm i survey-pdf@1.12.11 --save

npm i survey-core@1.12.11 survey-vue3-ui@1.12.11 --save
npm i survey-creator-core@1.12.11 survey-creator-vue@1.12.11 --save
npm i survey-analytics@1.12.11 --save
npm i survey-pdf@1.12.11 --save

npm i survey-core@1.12.11 survey-vue-ui@1.12.11 --save
npm i survey-creator-core@1.12.11 survey-creator-knockout@1.12.11 --save
npm i survey-analytics@1.12.11 --save
npm i survey-pdf@1.12.11 --save

<link href="https://unpkg.com/survey-core@1.12.11/defaultV2.min.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="https://unpkg.com/survey-core@1.12.11/survey.core.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/survey-js-ui@1.12.11/survey-js-ui.min.js"></script>

<script src="https://unpkg.com/survey-core@1.12.11/themes/index.min.js"></script>

<link href="https://unpkg.com/survey-creator-core@1.12.11/survey-creator-core.min.css" type="text/css" rel="stylesheet">
<script src="https://unpkg.com/survey-creator-core@1.12.11/survey-creator-core.min.js"></script>
<script src="https://unpkg.com/survey-creator-js@1.12.11/survey-creator-js.min.js"></script>

<link href="https://unpkg.com/survey-analytics@1.12.11/survey.analytics.min.css" rel="stylesheet">
<script src="https://unpkg.com/survey-analytics@1.12.11/survey.analytics.min.js"></script>

<script src="https://unpkg.com/survey-pdf@1.12.11/survey.pdf.min.js"></script>