SurveyJS Survey Creator v2.2.0

Released: Jun 12, 2025

v2.2.0 での更新項目

機能

New Slider and Range Slider Question Types:

  • Introduces two new interactive question types - Slider and Range Slider.
  • The Slider allows users to select a single value by dragging a thumb along a predefined scale.
  • The Range Slider lets users select a range using two thumbs.
  • Users can also drag the entire selected range along the scale without changing the distance between the thumbs.
  • These components support the following features out of the box:
    • Customizable scale (min, max, and step).
    • Auto-generated or custom scale labels.
    • Thumb tooltips.
    • Label and tooltip formatting.
    • Range length limits.
    • Ability to swap thumbs and drag the selected range.
    • Binding to text input fields.
  • Adding a Slider question will insert a single-value slider by default. To switch to a Range Slider, change the "Slider type" property to "Range" in the Property Grid.

Survey Creator:

  • Restrict panels and questions from being nested inside other container elements:
    • Along with regular questions, SurveyJS Form Library supports container elements, such as Panels and Dynamic Panels. By default, Survey Creator allows nesting these containers without limits, which can lead to complex and confusing UIs.
    • This release introduces API properties to help you restrict nesting rules.
  • Limit the maximum nesting level for panels:
    • The new maxPanelNestingLevel specifies the maximum depth allowed for nested Panels and Dynamic Panels. This property behaves as follows:
    • A value of -1 (default) applies no restriction on nesting depth.
    • A value of 0 means that Panels and Dynamic Panels cannot contain other panels—only questions are allowed.
    • Positive integers specify the maximum nesting level.
    • For example, setting maxPanelNestingLevel to 1 allows Panels and Dynamic Panels to nest one additional panel level, but panels at that level can contain only questions, not further panels.
  • Forbid nesting certain element types:
    • The new forbiddenNestedElements lets you specify which element types are not allowed inside Panels and Dynamic Panels. It is an object with the following keys:
    • panel: An array of element types that cannot be nested within a regular panel.
    • paneldynamic: An array of element types that cannot be nested within a dynamic panel.
  • Preserve the default question type when adding new questions:
    • Added a new rememberLastQuestionType Property in Survey Creator v2.2.0 Controls Add Question Behavior:
    • Starting in Survey Creator v2.2.0, the new rememberLastQuestionType property allows you to control whether the Add Question button reuses the type of the most recently added question.
    • By default, this button continues to use the last selected question type for new additions. However, setting rememberLastQuestionType to false ensures that each new question defaults to the Single-Line Input type, regardless of what was added previously.
    • This gives you greater control and predictability when designing surveys or forms.

不具合の修正

Form Library:

  • Loop and Merge:
    • Users could not cancel a new loop and return to the summary view.
    • Going back and unselecting items in a loop driver question didn't delete already created loops.
    • Summary view was empty even though a valid object is assigned to survey.data.
    • Summary view didn't appear at startup even though survey.data was defined.
    • Panel title pattern in Dynamic Matrix displayed choice values instead of texts.
  • Dynamic Matrix:
    • The Remove Row button was misaligned when a column was hidden.
    • The Set Value trigger didn't work on subsequent executions.
  • [Survey Creator]: Choice options with enabled isExclusive property disappeared from the design surface after switching to the Preview tab and back.
  • Accessibility: <h3> tag within completedHtml, completedBeforeHtml, and loadingHtml produced accessibility errors.
  • Signature was duplicated when the signature pad is wider than the question box and SVG is used as a data format.
  • Advanced header produced unnecessary empty space.
  • Console warnings about invalid expressions now display the name of the source question where the error occurred. 
  • survey-react-ui could not be updated along with the rest of the SurveyJS npm packages using Renovate.

Survey Creator:

  • Property Grid: A checkbox property within a detail form in misaligned.
  • Accessibility: Search button in a compact Toolbox doesn't have an accessible text.
  • The "Choices are copied from <question>" message ignores the useElementTitles property.
  • The selected element is out of the viewport after switching from the Designer tab to Preview and back.
  • Composite question with a Dynamic Panel allows modifying the internal structure of the Dynamic Panel and move it outside.