SurveyJS v1.11.4
Released: June 25, 2024
SurveyJS v1.11.4 implements sticky progress bar and delayed search in Single- and Multi-Select Dropdown questions.
Sticky Progress Bar
The new release introduces a progress bar that stays on top when a survey is being scrolled. This feature is especially useful for long surveys with many questions on each page.

Sticky progress bar is enabled by default, but it has the following prerequisites and limitations:
- The survey HTML container must have a specified
height
attribute. - The progress bar must be displayed below the header.
- The header mustn't overlap the survey content.
Delayed Search in Single- and Multi-Select Dropdown (Tag Box)
Single- and Multi-Select Dropdown (Tag Box) questions allow users to search choice options by entering search strings into the text input field. If the choice options are loaded from a remote data source using lazy loading, the survey need to request the data source to get a filtered choice option collection. Previously, the request was sent immediately when the search string changed. SurveyJS v1.11.4 introduces a dropdownSearchDelay
setting that specifies how many milliseconds to wait before sending a search request to the server (500 milliseconds by default). This setting applies to all Single- and Multi-Select Dropdown questions with the choicesLazyLoadEnabled
property set to true
. The following code shows how to change this setting:
import { settings } from "survey-core";
settings.dropdownSearchDelay = 1000;
New Help Topics
How to Set and Format Dynamic Tab Titles in Dynamic Panel
New and Updated Demos
Ranking Question with Custom Item Template
Theme Editor: Manage Theme Settings
Bug Fixes and Minor Enhancements
Form Library
- Input masks are unavailable for the Phone Number input type (#8431)
- Yes/No (Boolean) question: Yes/No buttons do not recalculate their sizes when switching the locale on the fly (#8453)
- Dropdown appears as a popup on all devices with a touch screen (#8388)
- Checkboxes: The "None" choice option cannot be unselected by a click (#8438)
- A survey keeps deleted questions if they were in a deleted panel (#8458)
Survey Creator
- Preview: Invisible pages can be clicked within the Page Navigator with no effect (#5592)
- The
onModified
event is not raised when modifying individual mask settings (#5578) - Theme Editor: The "Content area width" > "Same as survey" setting doesn't take into account the TOC on the page (#5593)
- File Upload editor doesn't have a placeholder (#5595)
- An exception is raised when updating the
JSON
property at runtime (#5599) - Toolbox with categories: Empty space appears when searching for non-existing items (#5603)
Dashboard
- Table View: Implement an API to disable sorting (#442)
How to Update SurveyJS Libraries in Your Application
Angular
npm i survey-core@1.11.4 survey-angular-ui@1.11.4 --save
npm i survey-creator-core@1.11.4 survey-creator-angular@1.11.4 --save
npm i survey-analytics@1.11.4 --save
npm i survey-pdf@1.11.4 --save
React
npm i survey-core@1.11.4 survey-react-ui@1.11.4 --save
npm i survey-creator-core@1.11.4 survey-creator-react@1.11.4 --save
npm i survey-analytics@1.11.4 --save
npm i survey-pdf@1.11.4 --save
Vue 3
npm i survey-core@1.11.4 survey-vue3-ui@1.11.4 --save
npm i survey-creator-core@1.11.4 survey-creator-vue@1.11.4 --save
npm i survey-analytics@1.11.4 --save
npm i survey-pdf@1.11.4 --save
Vue 2
npm i survey-core@1.11.4 survey-vue-ui@1.11.4 --save
npm i survey-creator-core@1.11.4 survey-creator-knockout@1.11.4 --save
npm i survey-analytics@1.11.4 --save
npm i survey-pdf@1.11.4 --save
Knockout / jQuery
<link href="https://unpkg.com/survey-core@1.11.4/defaultV2.min.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="https://unpkg.com/survey-core@1.11.4/survey.core.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/survey-knockout-ui@1.11.4/survey-knockout-ui.min.js"></script>
<link href="https://unpkg.com/survey-creator-core@1.11.4/survey-creator-core.min.css" type="text/css" rel="stylesheet">
<script src="https://unpkg.com/survey-creator-core@1.11.4/survey-creator-core.min.js"></script>
<script src="https://unpkg.com/survey-creator-knockout@1.11.4/survey-creator-knockout.min.js"></script>
<link href="https://unpkg.com/survey-analytics@1.11.4/survey.analytics.min.css" rel="stylesheet">
<script src="https://unpkg.com/survey-analytics@1.11.4/survey.analytics.min.js"></script>
<script src="https://unpkg.com/survey-pdf@1.11.4/survey.pdf.min.js"></script>