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

Bug

What is the current behavior?

When i use this kind of visibleif contains 'False' contains 'FALSE' contains 'True' contains 'TRUE'

the question never appears

What is the expected behavior?

This reserved words, should be treated as a word

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

You can use the plunker attached, the test survey tab

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

Tested page URL: https://plnkr.co/edit/kJnGrgMdzZToW6Un

• browser: N/A
• editor version: last

In most cases, developers need an instance of added panel in this event. We ask to get it as: let panel = options.question.panels[options.question.panels.length - 1]l, but code is not obvious and the attribute should be in the place initially.

"visibleIf" on a second page causes the page to never work if comparing answer from previous page.

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

Reporitng a bug

What is the current behavior?

For other framework/library implementations (such as React or jquery) visibleIf works on other pages. However on the VueJs implementation, the visibleIf parameter is ignored. It seems the variables on subsequent pages in VueJs does not have a value.

VueJS version not working: https://codesandbox.io/s/surveyjs-vue-forked-uyoj5

What is the expected behavior?

Working React Version https://codesandbox.io/s/vigorous-lederberg-h99xb

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

Every time, this is a bug.

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

Tested page URL:

Test code

These work on subsequent pages: visbibleIf: "1=1"

This does not work on subsequent pages:
 ```visibleIf: "{introQuestion} = 'yes'",```

Working React Version
https://codesandbox.io/s/vigorous-lederberg-h99xb

VueJS version not working:
https://codesandbox.io/s/surveyjs-vue-forked-uyoj5

Both of these examples utilize the same json payload for the survey.

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

Reporting a bug

What is the current behavior?

When I set survey "showInvisibleElements" prop to true, the visibleIf questions doesn't show up (only their empty div).

What is the expected behavior?

Show all the visible and invisible questions when "showInvisibleElements" is set to true.

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

Using a form with visibleIf conditions, set survey.showInvisibleElements = true and run. Currently, I'm using Nuxt, but I found it easier to reproduce with pure Vue at CodeSandbox.

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

Tested page URL: https://codesandbox.io/s/surveyjs-vue-forked-d2bvg?file=/src/components/SurveyComponent.vue

Specify your

• browser: Microsoft Edge (Chromium)
• browser version: 89.0.774.54
• surveyjs platform (angular or react or jquery or knockout or vue): survey-vue
• surveyjs version: Both 1.7.9 and 1.8.36

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

Bug

What is the current behavior?

When building the application, we are getting "Cannot find module 'survey-core' or its corresponding type declarations."

What is the expected behavior?

No errors occur while building the vue app.

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

Get to Version ^1.8.37 and run a build.

Specify your

• browser: Chrome
• browser version: 89.0.4389.114
• surveyjs platform (angular or react or jquery or knockout or vue): Vue
• surveyjs version: 1.8.37

It is possible to expand "textarea" of the "comment" question outside the parent element. But it shouldn't.

When I choose old property grid and edit pages in modal, it didn't work.

See the https://surveyjs.answerdesk.io/ticket/details/t6729/accessibility-ensures-every-id-attribute-value-is-unique thread for more details

See the following threads for more details: https://surveyjs.answerdesk.io/ticket/details/t6739/accessibility-translation-tab-section-in-survey-creator-is-not-accessible-through https://surveyjs.answerdesk.io/ticket/details/t6740/accessibility-ensure-select-element-has-an-accessible-name-in-tanslation-section-of https://surveyjs.answerdesk.io/ticket/details/t6748/accessibility-ensures-elements-with-an-aria-role-that-require-parent-roles-are

This option should allow to set exported file name

We have the global settings.lazyRowsRendering. We need this property on the survey level: /**

• By default all rows are rendered no matters if they are visible or not.
• Set it true, and survey markup rows will be rendered only if they are visible in viewport.
• This feature is experimantal and might do not support all the use cases. */ public lazyRendering: boolean;

This string is used on creating multiple text question as a name for text item. The default english string is "text".

We call survey.onGetMatrixRowActions event in 4 times more then we could.

Optimized performance in several places to make survey works faster with setting editingObj property. It is requried for SurveyJS Creator V2. Added several new unit tests.

We do not register rendering elements for this progressBarType. It should be fixed.

The current JSON doesn't work right now.

{
   "elements": [
    {
     "type": "paneldynamic",
     "name": "panel",
     "templateElements": [
      {
       "type": "text",
       "name": "question1",
       "defaultValueExpression": "{panelIndex} + 1"
      }
     ]
    }
   ]
 }

is undefined. We need to support it.

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

Reporting a Bug

What is the current behavior?

When attempting to preview the survey results, an exception is thrown.

What is the expected behavior?

The preview should be displayed without any exceptions.

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

1. Add a row in the panel dynamic
2. Answer the question in the matrix dynamic
3. Preview the results

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

Tested page URL: https://plnkr.co/edit/LEnFSZKaORIFc8y5

Test code

Survey
    .StylesManager
    .applyTheme("modern");

var json = {
 "pages": [
  {
   "name": "page1",
   "elements": [
    {
     "type": "paneldynamic",
     "name": "question1",
     "templateElements": [
      {
       "type": "matrixdynamic",
       "name": "question2",
       "columns": [
        {
         "name": "Column 1"
        }
       ],
       "choices": [
        1,
        2,
        3,
        4,
        5
       ],
       "rowCount": 1
      }
     ]
    }
   ]
  }
 ],
 "showPreviewBeforeComplete": "showAnsweredQuestions"
};

window.survey = new Survey.Model(json);

survey
    .onComplete
    .add(function (result) {
        document
            .querySelector('#surveyResult')
            .textContent = "Result JSON:\n" + JSON.stringify(result.data, null, 3);
    });

$("#surveyElement").Survey({model: survey});

Specify your

• browser: Microsoft Edge
• browser version: 89.0.774.63
• surveyjs platform (angular or react or jquery or knockout or vue): jQuery / Vue
• surveyjs version: 1.8.39

Survey ignores indents during rendering in the following JSON:

{
      elements: [
        {
          type: "paneldynamic",
          name: "panel",
          templateElements: [
            {
              type: "text",
              name: "question1",
              indent: 1,
            },
            {
              type: "panel",
              name: "nestedPanel",
              indent: 2,
              elements: [
                {
                  type: "text",
                  name: "question2",
                  indent: 3,
                },
              ],
            },
          ],
          panelCount: 1,
        },
      ],
    }

There was a performance issue if there is actions in matrix rows and there are hundreds rows in the matrix

We calculate question displayValue on loading/creating question and changing value. For complex questions like matrix, it requires to generate rows and perform a lot of task, while question.displayValue could be not requested during survey running at all. We should calculate it on request only.

Add ignoreHtmlProgressing boolean non-serializable property into html question that avoids the text/html processing when it is true (default is undefined).

Requires for Creator V2

Do not create and update Survey element css objects until they were not requested first time and then start to update them accordingly. It will increase the survey loading/deserialization time. We may do not render a Survey element (it could be located on another page), but SurveyJS updates an element css objects since it is loaded.

We do not render content of collapsed panel for react, we should not do not it for knockout and vue either.

The issue was created on SurveyJS support desk. Property editor for defaultValue is failed for the following JSON:

    {
     "type": "matrixdropdown",
     "name": "question1",
     "columns": [
      {
       "name": "Column 1",
       "cellType": "boolean"
      },
     ],
     "cellType": "boolean",
     "rows": [
      "Row 1",
      "Row 2"
     ]
    }

It works fine if remove cellType: "boolean" property.

We used deprecated and non-documented itemValue property to generate the next value. We should replace it with value property. Add a unit test on this functionality. The bug was reported on SurveyJS support desk.

A minor issue in private API naming. "origional" is used instead of "original" within some APIs in expressions.ts, survey.ts, and in certain test files.

For instance, in expressions.ts: https://github.com/surveyjs/survey-library/blob/68eb0054dc83d2f45a6daa1042bf7440c8faf007/src/expressions/expressions.ts#L304

survey editingObj functionality doesn't work correctly for question page property since it is non serizable. This functionality is requried for SurveyJS Creator V2.

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

Bug

What is the current behavior?

Error: node_modules/survey-angular/survey.angular.d.ts:9291:26 - error TS2307: Cannot find module 'survey-core' or its corresponding type declarations.

9291     get survey(): import("survey-core").ISurvey;

What is the expected behavior?

No crash.

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

Use survey-angular 1.8.38

Specify your

• browser: Chrome
• browser version: 89
• surveyjs platform (angular or react or jquery or knockout or vue): angular
• surveyjs version: 1.8.38

On calling survey.dispose() or question.dispose() we should clear all event handlers for survey objects.

I am reporting a bug discovered in "survey-vue": "^1.8.31" and "surveyjs-widgets": "^1.8.31".

The current behavior is:

After the required error state throws (when a user tries to proceed without answering a required question) and is corrected with the user answering that question, the survey navigation only allows the user to move forward one page and then becomes unresponsive and shows that the survey is in error state.

The expected behavior is:

I expect the survey navigation to remain responsive when a required error was thrown and corrected and the next page is navigated to.

To reproduce:

• navigate to a survey question with a required answer
• instead of providing the required answer, click next, causing the required error to throw
• now correctly answer the question
• click next to proceed to the next question
• provide a valid answer and try and proceed
• the navigation has become unresponsive, the survey shows in error state and will not proceed or go back

This resolves 100% when I revert my version back to 1.8.0

Test code

      s.data = this.surveyResult.result;
      s.css = surveyClassOverrides;
      s.showNavigationButtons = false;
      // update sortable widget to rank items within result box instead of dragging from source box
      s.getAllQuestions().forEach((question) => {
        const q = question;
        if (q.getType() === 'sortablelist') {
          q.value = q.choices.map((c) => c.value);
          q.isRequired = false;
        }
      });
      // Set survey variables
      forEach(this.surveyVariables, (value, key) => {
        s.setVariable(key, value);
      });
      s.onPartialSend.add(this.sendDataToServer);
      s.onComplete.add(this.completeSurvey);

      // if this.survey.config?.goNextPageAutomatic is true we want to add a delay between the automatic transitions
      let doDelay = this.survey.config.goNextPageAutomatic;
      s.onCurrentPageChanging
        /* eslint-disable no-param-reassign */
        .add((sender, options) => {
          if (!doDelay) return;
          options.allowChanging = false;
          setTimeout(() => {
            doDelay = false;
            sender.currentPage = options.newCurrentPage;
            /* eslint-enable no-param-reassign */
            doDelay = true;
          }, 500);
        });
      // ensure that the survey will not automatically be completed when user answers final question
      // allowCompleteSurveyAutomatic cannot be set in the JSON without making it serializable.
      // See https://github.com/surveyjs/survey-library/issues/2638 for more info from SurveyJS
      s.allowCompleteSurveyAutomatic = false;
      this.surveyModel = s;
      this.isSurveyComplete = false;
      if (s.currentPageNo === 0) {
        this.$emit('has-navigated-to-first-question', true);
      } else {
        this.$emit('has-navigated-to-first-question', false);
      }
      s.onCurrentPageChanged.add(this.handleNavigation);

Specify your

• browser: Chrome 89
• surveyjs platform: Vue
• surveyjs version: 1.8.31

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

bug

What is the current behavior?

when duplicated keys are present surveyJS correctly does not save the data and focus on the question with the error but the error is not shown

What is the expected behavior?

see duplicated key errors

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

https://plnkr.co/edit/uOUHnWVU8EalJWnl

See the https://surveyjs.answerdesk.io/ticket/details/t6364/state-field-not-submitting-with-browser-autofilled-value thread for more details

We have an incorrect template for question title that works incorrectly if there is a boolean required question in composite component. The related issue on our support desk.

Make sure to dispose knockout objects on dispose() function.

It requires for Creator V2. It doens't show correctly value for question.title, for example.

We need to introduce a separate option, let's say allowShowEditor that will control the "Edit/Properties" button visibility

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

Bug, See the https://surveyjs.answerdesk.io/internal/ticket/details/T6625 thread for more details

What is the current behavior?

Uncaught RangeError: Unable to process binding "template: function(){return { name:templateData.name,data:templateData.data,afterRender:templateData.afterRender} }" Message: Unable to process binding "component: function () " Message: Maximum call stack size exceeded at Object.get (knockout.js:374) at a.o.l (knockout.js:414) at Function.yd (knockout.js:205) at Function.zd (knockout.js:204) at Function.ha (knockout.js:200) at Object.a.o.a.$ (knockout.js:190) at init (knockout.js:413) at knockout.js:336 at Object.G (knockout.js:146) at knockout.js:336

What is the expected behavior?

No exceptions

This will allow to remove table actions like language selector See the https://surveyjs.answerdesk.io/ticket/details/t6602/can-i-hide-the-language-selection-box-in-the-survey-analytics-data-table thread for more details

Matrix column object is a wrapper for a question, matrix cellType equals to question type. We have to get/set value for this object differently, since matrix column doesn't contain properties values in its hash. They are stored in in template question object.

The following code doesn't work correctly:

matrix.columns[0].title = "Old Title"; 
matrix.cellType = "checkbox";
matrix.columns[0].title = "New Title"; //column title will render the "Old title"

We should update the html element and render "New Title" text.

We do not update column's choices on changing matrix choices property when cell questions use the default choices from matrix and do not have their own choices.

The following code will not update cells questions choices property and as result UI.

matrix.choices.push(new Survey.ItemValue("newItem"));
matrix.choices[0].value = "newValue";
matrix.choices[1].text= "my text";

We should change the cells questions choices immediately.

In survey-library and service repos, there are public API entites (classes, members, files, examples) named with a wrong spelling of word "restfull" - the "restful" should be used instead.

For instance:

File name: choicesRestfull.ts https://github.com/surveyjs/survey-library/blob/master/src/choicesRestfull.ts

Class name: ChoicesRestfull https://github.com/surveyjs/survey-library/blob/master/src/choicesRestfull.ts#L48

Setting name: useCachingForChoicesRestfull https://github.com/surveyjs/survey-library/blob/master/src/settings.ts#L17

Example name: https://surveyjs.io/Examples/Library/?id=questiontype-dropdownrestfull

and etc.

It is worth providing correct names for public API entities, however such a correction should not break backward compatibility and introduce breaking changes. Some kind of 'obsoleteness' comes to mind.

If component use visibleIf in their questions and survey clearInvisibleValues property is to "onHiddenContainer" then on showing preview a question value becomes empty. It should be fixed.

We need this functionality for SurveyJS Creator V2. Dynamic properties are not exists in a class definition and as result we do get values and do not set values. We need set values directly into object if property doesn't exists.

inSurvey boolean property will return true if the object is a part of the survey model or it is a survey object itself. It returns true, if this object is not inserted into survey model or it has been deleted from it, or a parent object has been deleted from it. For example if a page is removed from the survey, then all its questions and objects, like matrix columns, will start to return false on getting inSurvey property.

Rename class ChoicesRestfull into ChoicesRestful keep ChoicesRestfull as a descendant for compatibility.

The following code will produce incorrect result:

var question = new Question("q1");
question.title = " ";
var json = question.toJSON();

"json" variable will be equal to {name: "q1"}. The correct value {name: "q1", title: " "}.

We do not trim value on comparing the question value and correctValue propertiy It makes sense to trim string value, before comparing them.

Single and composite components do not send notification on changing locale into contentQuestion and contentPanel as result if internal elements are localized, they do not renders their localizable strings with the correct locale.

Here is the code that doesn't work correctly:

  ComponentCollection.Instance.add({
    name: "newquestion",
    questionJSON: 
      {
        type: "dropdown",
        choices: [{ value: 1, text: { default: "item en", de: "item de" } }],
      },
  });

On changing survey locale property to "de", dropdown will continue to render the first item as "item en", instead of "item de".

When a user uses empty strings, the expression parser stops working. The following simple unit test is failed.

QUnit.test("parse iif with empty parameter", function(assert) {
  var expression = parse("iif(1, 'yes', '')");
  assert.ok(expression, "Expression parse correctly");
  expression = parse('iif(1, "yes", "")');
  assert.ok(expression, "Expression parse correctly, #2");
});

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

Bug

What is the current behavior?

Receiving warnings when using the package. [Vue warn]: Do not use built-in or reserved HTML elements as component id: Text and [Vue warn]: Do not use built-in or reserved HTML elements as component id: Image are displayed with every refresh of the page.

What is the expected behavior?

No warnings are shown in the console when using surveyJs.

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

Run attached project and see error appears, even without any survey used.

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

My package.json in the clean project:

{
  "name": "surveyjs",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "@vue/cli-service": "^4.5.12",
    "survey-vue": "^1.8.36",
    "vue": "^2.6.11"
  },
  "devDependencies": {
    "vue-template-compiler": "^2.6.11"
  }
}

Full project can be found attached.

Specify your

• browser: Chrome
• browser version: 89.0.4389.90
• surveyjs platform (angular or react or jquery or knockout or vue): vue
• surveyjs version: 1.8.36

If choices loaded from web supports several languages, then on changing survey.locale, we do not change the rendering text for these choices accordingly. However, we should do it.

Currently, if an item from restful API comes in the following format:

{ 
   value: "item", 
    title: {
          en: "item in English", 
          de: "item in Deutch"
    }
}

We do not recognize title object as a valid object and do not set it to the choice item text property. It will be nice to support it.

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

Bug

What is the current behavior?

getQuestion functions have invalid for loop conditions. Causing issues where more than available columns are checked and causing errors. The condition in the following for loop is just the length of an array (self.columns.length), instead of something like i<self.columns.length.

• https://github.com/surveyjs/survey-library/blob/master/src/question_matrixdropdownbase.ts#L3037
• https://github.com/surveyjs/survey-library/blob/master/src/question_matrixdropdownbase.ts#L3072

What is the expected behavior?

For loops have a valid condition.

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

We noticed this when we created the following situation: See: https://plnkr.co/edit/PKywNO0UKjHPBVNF

1. Create a matrixdynamic with a dropdown column, with hasOther.
2. Add a onMatrixCellValueChanged handler, where you use options.getCellQuestion
3. Select Other in dropdown
4. Start typing description in comment field

This triggers a TypeError: self.columns[i] is undefined per typed character.

This because the column name doesn't exist but the for loops keeps running untill it into an error because it requests props from columns that don't exist.

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

Tested page URL: https://plnkr.co/edit/PKywNO0UKjHPBVNF

Specify your

• browser: Firefox / Chrome
• browser version: Firefox: 86.0, Chrome: 89.0.4389.82
• surveyjs platform (angular or react or jquery or knockout or vue):
• surveyjs version: Above test is using 1.8.20, but the invalid for loops are currently on master.

See the https://surveyjs.answerdesk.io/ticket/details/t6555/ranking-question-inline-editing thread for more details

You can copy questions/panels/pages in Creator by using fast copy functionality or add an element into toolbar and then insert it into survey. These elements can contains expressions with links on questions inside them, for example:

    {
     "type": "panel",
     "name": "panel1",
     "elements": [
      {
       "type": "text",
       "name": "question1",
       "visibleIf": "{question2} = 'item1'"
      },
      {
       "type": "radiogroup",
       "name": "question2",
       "choices": [
        "item1",
        "item2",
        "item3"
       ]
      }
     ]
    }

The panel has two questions: question1 and question2. question1 refers to "question2" inside an expression. On copying this panel, if question1 and question2 already exists, these questions will have new names, for example question5 and question6. However expression will not be updated. We have to update it into " = 'item1':.

.d.ts file contains the following code:

createTemplateObject: (element: Survey.Base) => import("../objectProperty").SurveyObjectProperty;

See the https://surveyjs.answerdesk.io/ticket/details/t6579/matrix-multiple-with-rating-choice thread for more details

maxSelectedChoices property should be in "Choices" category.

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

Feature

What is the current behavior?

Single choice question (dropdown / radio) doesn't have a none of the above option.

What is the expected behavior?

In market research questions are often mandatory but still want to have an escape option to prevent participants just clicking next. Such a none should work the same for single choice as it does for multiple choice; always be at the bottom and not randomized.

You can use this function as: "diffDays(, ) < 7", it will return true if question dateFrom and dateTo has date that differs less then in seven days.

Since the defualt css width for input in the text question is "100%", the size property is completely ignored. We have to remove the default value for size property from 25 to undefined (0) and set the input width to "auto" and size attribute to question size if it is more than 0.

This property simply doesn't used in text item. Plus we need to introduce "size" property into text item to allow setting different size for different text items.

Use could not set valueTrue, valueFalse, labelTrue and labelFalse properties for boolean column in property grid.

We need this properties in options to find out the master object and property if we want to make readOnly a nested property. For example the next code will make "value" column for editing "rows" property in matrix dropdown question read-only:

    creator.onGetPropertyReadOnly.add(function (editor, options) {
      if (!options.parentObj || !options.parentProperty) return;
      options.readOnly =
        options.propertyName === "value" &&
        options.parentObj.getType() === "matrixdropdown" &&
        options.parentProperty.name == "rows";
    });

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

Bug

What is the current behavior?

Using VueJS 2.6.12 with yarn serve or yarn build leads to an error (see screenshot).

It seems as if ActionBarItem is declared twice in the build node_modules/survey-vue/survey.vue.d.ts

What is the expected behavior?

Compile without errors.

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

Starting from v1.8.29 until present v1.8.34 using VueJS 2.6.12 with yarn serve or yarn build.

Specify your

• browser: -
• browser version: -
• surveyjs platform (angular or react or jquery or knockout or vue): VueJS 2.6.12
• surveyjs version: v1.8.29 until present v1.8.34 (works with v1.8.28 so I guess it is related to https://github.com/surveyjs/survey-library/commit/68bff049383c39138f65ab380ef73c86e81a2d94 )

The original issue was created on SurveyJS support desk. The following code doesn't work in react:

var json =  {
  storeOthersAsComment: false,
   elements: [
    {
     type: "paneldynamic",
     name: "panel1",
     templateElements: [
      {
       type: "dropdown",
       name: "question1",
       choices: [ "item1", "item2", "item3"],
       hasOther: true
    },
   ]
  }
]
};
var survey = new Survey.Model(json);
survey.data = {"panel1":[{"question1":"ABCD"}]};

survey.onComplete.add(function (result) {
  document.querySelector("#surveyResult").textContent =
    "Result JSON:\n" + JSON.stringify(result.data, null, 3);
});

ReactDOM.render(
  <Survey.Survey model={survey} />,
  document.getElementById("surveyElement")
);

The original issue was created in SurveyJS support desk. Custom widget doesn't work in logic tab. Instead of CK Editor, like in this example, the standard text area is rendred in logic tab.

We missed "Minimum rate", "Maximum rate" and "Rate step" properties in property grid for column with cell type equals to "rating".

Ranking question type support for the Survey Analytics.

A simple custom dropdown component (like country) in matrixdynamic produces no value:

https://plnkr.co/edit/znxEncR0c3bmrjm5?preview

see https://surveyjs.answerdesk.io/ticket/details/T6479

requiredIf in the other section for the page object. It should be located in "Logic" section.

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

Reporting a bug.

What is the current behavior?

When using the fast entry feature of certain widgets in the survey editor, pasting a long list of items into the Fast Entry box causes the page to become very slow and unresponsive. Clicking on elements in the editor is delayed while the text from the clipboard is being processed, though these clicks are applied once the loading is done. This can be seen towards the end of the repro video (from 01:07). List of items example: https://pastebin.com/raw/Hy9nuyP4

Video of bug in action:

https://user-images.githubusercontent.com/51411356/109994915-1200f980-7d0e-11eb-8da5-594b3840028f.mp4

What is the expected behavior?

Page and survey editor should not slow down to this extent when pasting longer text from clipboard.

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

1. Create a dropdown question in the survey editor.
2. Go to choices, paste above list of items into Fast Entry field.
3. Observe editor and page slowing down drastically.

Specify your

• Browser: Firefox, Chrome
• Editor version: 1.8.23

Other

I am aware this bug was found and supposedly fixed in another issue (https://github.com/surveyjs/survey-creator/issues/903), though it still seems to persist. This was tested on multiple different machines so it's unlikely to be hardware related.

The original bug was posted into SurveyJS support desk. Here is the simple composite component:

  ComponentCollection.Instance.add({
    name: "fullname",
    title: "Full Name",
    elementsJSON: [
      {
        type: "text",
        name: "firstName",
        isRequired: true,
      },
      {
        type: "text",
        name: "lastName",
        visibleIf: "{composite.firstName} notempty",
        isRequired: true,
      },
    ],
  });

visibleIf property doesn't work on calling survey.showPreview(); function.

The following code will cause issues with navigation

      var app = new Vue({
        el: "#surveyElement",
        data() {
          return {
            //create empty survey by default
            survey: new Survey.Model(),
          };
        },
        created() {
          //this has glitchy "Previous", "Next" and  "Complete" buttons
          //if survey model assign into vue class props after onMounted 
          this.loadSurvey();
        },
        methods: {
          },
          loadSurvey() {
            setTimeout(() => {
              this.survey = new Survey.Model(
                  '{"pages": [{"name": "page1","elements": [{"type": "radiogroup","name": "question1","choices": ["item1","item2"]}]},{"name": "page2","elements": [{"type": "radiogroup","name": "question2","choices": ["item1","item2"]}]}]}'
                );
            }, 1000);
          },
        },
      });

We do not implmenet displayValue functionality for components. For example a simple component below on setting it's value to [1, 3] will return displayValue as "1, 3" instead of "text 1, text 3"

Survey.ComponentCollection.Instance.add({
    name: "newquestion",
    questionJSON: {
      type: "checkbox",
      choices: [
        { value: 1, text: "text 1" },
        { value: 2, text: "text 2" },
        { value: 3, text: "text 3" },
      ],
    },
  });

Reporting a bug

hideRequiredErrors property does not work as expected.

What is the current behavior?

In my survey model, I set survey.hideRequiredErrors = true;, but error messages still appear on the page. The values in the AnswerRequiredError class look like this:

{text: "My custom error message text", errorOwner: QuestionDropdownModel, visible: false, locTextValue: LocalizableString}

Notice that visible: false is correctly set in the error class, but the error message is still visible on the web page. I am using the default "checkErrorsMode", which is "onNextPage".

What is the expected behavior?

By setting survey.hideRequiredErrors = true;, I expect that the error messages will not appear on the page. Validation events should still fire.

Ranking questions can still be dragged when survey mode is set to "display". This seems strange user experience.

see https://surveyjs.answerdesk.io/ticket/details/T6440

We moved logical operators definition from SurveyCreator.SurveyPropertyEditorFactory.operators into SurveyCreator.settings.operators, but keep SurveyCreator.SurveyPropertyEditorFactory.operators for compatibility. However, we should make it property get/set instead of property field assigned from settings on starting, since it could be initialized before a developer change SurveyCreator.SurveyPropertyEditorFactory.operators variable.

https://github.com/surveyjs/survey-library/blob/d1815fe0560c075787df772309b5e1758e844ea5/src/localization/portuguese-br.ts#L14

Hi. There is some misspelling here:

"Registo" shoud be "Registro"

Right now, we are executing "minValueExpression"/"maxValueExpression" on survey loading only. We will need to execute them when corresponded question value is changed, to make the following JSON working.

{
 "pages": [
  {
   "name": "page1",
   "elements": [
    {
     "type": "text",
     "name": "startDate",
     "inputType": "date"
    },
    {
     "type": "text",
     "name": "endDate",
     "inputType": "date",
     "minValueExpression": "{startDate}"
    }
   ]
  }
 ]
}

see https://surveyjs.answerdesk.io/ticket/details/T6268

see https://surveyjs.answerdesk.io/ticket/details/T6320 for details

see https://surveyjs.answerdesk.io/ticket/details/T6374

Add an option: maximumColumnsCount. If it is more than 0 then creator will not allow to create more columns than this number. "Add Column" button becomes invisible when the number of columns becomes equal to this value.

Right now we make property placeHolder visible when inputType property equals to "text". However, place holder can be show for input types: email, number, password, tel,url as well. We should update the property visibility accordingly.

We have maxSelectedChoices property in checkbox. We do not currently support it in tagbox. However, select2 has maximumSelectionLength attribute in settings. We can just set the select2 attribute question.maxSelectedChoices value.

Add 'getSurvey()' function that will return survey model for all base classes, like triggers, validators, itemvalues and others.

The example: https://surveyjs.io/Examples/Library?id=survey-carry-forward&platform=jQuery&theme=modern

steps to reproduce:

• choose two items;
• rank them
• add a new one and see the "indeterminate" state of the new number (dash symbol)

also after the rank action new items can be added in the middle of the list and it break the ranking value

We have keyName property for matrix dynamic question. If there is a duplicated value in a column with name equals to 'keyName' then error is shown. Sometimes, there are requirements to check for duplicated values for more then in one column and in matrix dropdown question as well. By setting column.isUnique you tell survey to show errors for duplicated values in this column.

Survey ignores property min if it equals to 0 and allows to enter negative values.

example to reproduce: https://plnkr.co/edit/4cvNULnqIDH2YQ9v

Looks like this is still happening to a single Question on a row.
Found closed Issue #2559

Should also apply to a single Panel on row as well.

Tested page URL: https://plnkr.co/edit/7xNd7W1vNeuvg80s

Specify your

• browser: Chrome / Edge
• browser version: recent
• surveyjs platform: Knockout / Bootstrap 3.3.7
• surveyjs version: 1.8.26 and tested latest with Plunker

If a custom property has onGetValue function, then it is not called in most cases when we use survey.editingObj.

This functionality is required for SurveyJS Creator v2.

The following code will generate console error:

matrixQuestion.columns[0].readOnly = true;

However, the application will continue to work correctly.

If Modal Window is used on editing survey elements, then on editing pages in Modal Window for "Survey Settings" an error: "Please enter a unique name" is shown even for pages name that are unique.

This option will allow to strip html tags from question titles

See the https://surveyjs.answerdesk.io/ticket/details/t6246/survey-analytics-question-title-showing-html-tags thread for more details

This option is set to true by default

Regarding Issue: Angular package (survey-angular) has dependency on knockout? ko not defined (https://github.com/surveyjs/surveyjs_angular_cli/issues/33)

It looks like this issue is occurring again in the latest release... Survey JavaScript library v1.8.26. It is requiring knockout. Is there a fix for this on the way?

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

What is the current behavior? Expects to import Knockout

What is the expected behavior? Does not need

How would you reproduce the current behavior (if this is a bug)? Added latest survey-angular and try to start the serve

We need it for SurveyJS Creator V2

• add ranking class to api doc for the surveyjs.io
• implement "indeterminate" ui state for better ux
• make whole ranking item draggable not only drag icon for better usability
• fix icon accidental disappearance for the mobile devices if you have any problem we will help you

If editing array is empty then matrixdynamic.onGetValueForNewRowCallBack callback function doesn't work. In fact, it is not fired at all. It should be fired in any case.

If a question in detailPanel has the same name as a column name, then only row cell is updated on changing the editing object property.

This inteface will be used by LocalizabeString and LocalizabeStrings (the array of localizable strings).

export interface ILocalizableString {
  getLocaleText(loc: string): string;
  setLocaleText(loc: string, newValue: string): any;
  getLocales(): Array<string>;
}

Use the following code to expand all items in translation tab:

creator.translation.expandAll();

See the https://surveyjs.answerdesk.io/ticket/details/t6223/x-axis-label-on-scatter-charts-with-two-options-got-trimmed-off issue for more details

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

In the current version it does not work to change pages in test survey tab

Specify your

• browser:
  • Safari macOS Big Sur
  • Chrome 88 Windows 10
• editor version:
  • 1.8.27

A question for drag and drop ranking. Allows respondents to rank items against each other by placing them in order of preference. Is appropriate for short lists (e.g. 5-7 items). Is optimized for use with keyboard (Tab, Shift-Tab, and Up/Down arrow keys) and under mobile devices.

const json = {
  "questions": [
    {
      "type": "ranking",
      "name": "smartphone-features",
      "title": "Please rank the following smartphone features in order of importance:",
      "isRequired": true,
      "choices": [
        "Battery life",
        "Screen size",
        "Storage space",
        "Camera quality",
        "Durability",
        "Processor power",
        "Price"
      ]
    }
  ]
};

new Survey.Model(json);

here the example: https://surveyjs.io/Examples/Library?id=questiontype-ranking

It will be a better UI if we display a custom text and a link/button for adding a new row instead of columns and empty rows when there is no rows in matrix dynamic. hideColumnsIfEmpty: boolean, false by default.

When survey has checkErrorsMode equals to "onValueChanging", then we check question value with question value stored in survey, when we have to use question value after processing question.valueToDataCallback function.

After setting survey.checkErrorsMode to 'onValueChanging', survey doesn't allow to set into survey.data incorrect data. However, question.isRequried property is totally ignored.

Right now users set min/max properties to text question and expect that end-user could not enter values that are less than min value and greater than max value. We should not allow to set this values into survey.data and show errors on "next page" and "complete survey" actions if the value is incorrect. The additional properties that can be used to show the errors are: minErrorText and maxErrorText.

By setting the following code:

Survey.settings.minDate = "1900-01-01"
Survey.settings.maxDate = "2099-12-31"

You do not allow end-users to set value into text question with inputType equals to "date" the value that less that January 1, 1900 and greater than December 31, 2099. It works in the same way if all these questions you would set the min and max properties

Group property name is displayed in english, even if Creator default language is different from "en".

See the https://surveyjs.answerdesk.io/ticket/details/t6175/surveycreator-koshowpagestoolbox-is-not-a-function thread for more details

What is the current behavior?

showDesignTab: false not displaying form

What is the expected behavior?

We just want to display test survey form. To do this I set all the other options false except showTestSurveyTab. Then it shows me the form is not available. It was working on the previous version. 1.7.4 We are migrating to latest version and encountered this problem.

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

Test code

  const surveyOptions = {
    showJSONEditorTab: false,
    showLogicTab: false,
    showTestSurveyTab: true,
    showDesignerTab: false,
    readOnly: true,
  };

  const surveyLogicViewer = new SurveyJSCreator.SurveyCreator(
    'formLogicViewerContainer',
    surveyOptions
  );

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

Bug

What is the current behavior?

Error when we are triggering the following events onElementNameChanged onPropertyAfterRender when the showPropertyGrid is false idk what others events are not working

What is the expected behavior?

Trigger events normally

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

https://plnkr.co/edit/2FustyniUAd9NsZO

Specify your

• browser:
• editor version: last

Right now locales are sorted by locale values and not by display text. It is incorrect.

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

Reporting a bug.

What is the current behavior?

After I change to a non-default locale in survey settings, I cannot edit my survey anymore:

• Properties panel turns empty,
• questions disappear when I add/move them,
• survey not being saved,
• JS errors appear in Console on every operation (question select/add/move).

(Detailed below at reproducing steps.)

What is the expected behavior?

I expect to be able to edit my survey regardless of survey locale settings.

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

1. Open https://surveyjs.io/create-survey in Chrome incognito mode.
2. Add a Single Input question to the survey.
3. Click on Survey Settings.
4. Modify the locale from "Default (English)" to anything else. (I wanted to use "magyar" (Hungarian), but tried others too for this report.)
5. Click on your previously added Single Input -> Properties panel is now empty. Error 1 appears in Console.
6. Add another Single Input -> It disappears. Error 2 appears in Console.

Error 1:

Uncaught TypeError: Cannot read property 'join' of undefined
    at LocalizableStrings.get [as text] (localizablestring.ts:259)
    at JsonObjectProperty.getPropertyValue (jsonobject.ts:240)
    at SurveyPropertyStringsEditor../src/propertyEditors/propertyEditorBase.ts.SurveyPropertyEditorBase.getValue (propertyEditorBase.ts:440)
    at SurveyPropertyStringsEditor../src/propertyEditors/propertyEditorBase.ts.SurveyPropertyEditorBase.updateValue (propertyEditorBase.ts:426)
    at SurveyPropertyStringsEditor../src/propertyEditors/propertyEditorBase.ts.SurveyPropertyEditorBase.setObjectCore (propertyEditorBase.ts:262)
    at SurveyPropertyStringsEditor.set [as object] (propertyEditorBase.ts:228)
    at SurveyObjectProperty.set [as object] (objectProperty.ts:74)
    at SurveyElementEditorTabModel../src/questionEditors/questionEditor.ts.SurveyElementEditorTabModel.createEditor (questionEditor.ts:488)
    at SurveyElementEditorTabModel../src/questionEditors/questionEditor.ts.SurveyElementEditorTabModel.buildEditorProperties (questionEditor.ts:483)
    at new SurveyElementEditorTabModel (questionEditor.ts:395)

Error 2:

Uncaught TypeError: Cannot read property 'join' of undefined
    at LocalizableStrings.get [as text] (survey.ko.js:6939)
    at JsonObjectProperty.getPropertyValue (survey.ko.js:347)
    at SurveyPropertyStringsEditor../src/propertyEditors/propertyEditorBase.ts.SurveyPropertyEditorBase.getValue (survey-creator.js:28094)
    at SurveyPropertyStringsEditor../src/propertyEditors/propertyEditorBase.ts.SurveyPropertyEditorBase.updateValue (survey-creator.js:28079)
    at SurveyPropertyStringsEditor../src/propertyEditors/propertyEditorBase.ts.SurveyPropertyEditorBase.setObjectCore (survey-creator.js:27909)
    at SurveyPropertyStringsEditor.set [as object] (survey-creator.js:27862)
    at SurveyObjectProperty.set [as object] (survey-creator.js:22759)
    at SurveyElementEditorTabModel../src/questionEditors/questionEditor.ts.SurveyElementEditorTabModel.createEditor (survey-creator.js:31571)
    at SurveyElementEditorTabModel../src/questionEditors/questionEditor.ts.SurveyElementEditorTabModel.buildEditorProperties (survey-creator.js:31566)
    at new SurveyElementEditorTabModel (survey-creator.js:31451)

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

Tested page URL: https://surveyjs.io/create-survey

Specify your

• browser:
  • Google Chrome 88.0.4324.104 (also 87.0.4280.141)
  • Microsoft Edge 88.0.705.50
• editor version: the one hosted on https://surveyjs.io/create-survey

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

Bug

What is the current behavior?

When the matrix questions are inside of a panel dynamic question , the logic builder have a different behavior, and got a exception

What is the expected behavior?

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

If you create all the matrix type questions inside of surveyjs and try to create a visible if condition through the builder , you got this wrong behavior

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

Tested page URL: https://plnkr.co/edit/VpqGPpofMb26h4JD

Specify your

• browser: last
• editor version: last

What is the current behavior?

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

1. go to https://9yhjm.csb.app/
2. click nextpage button, goto 2nd page.
3. click prevpage, click does not work any more.

PrevPage button does not work.

What is the expected behavior?

prevPage button should work.

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

works in 1.8.9 https://codesandbox.io/s/surveyjs-vue-forked-wmuzw?file=/src/components/SurveyComponent.vue fail in 1.8.10 https://codesandbox.io/s/surveyjs-vue-forked-9yhjm

    this.survey = new Survey.Model(json);
    // after version  1.8.9, set locale break navigation 
    // How to reproduce:
    // chose a version after 1.8.9. say 1.8.10.
    // click nextpage button, goto 2 page.
    // then click prevpage, click does not work any more.
    this.survey.locale = "ja";

I tracked the code and find this change might related to this bug.

https://github.com/surveyjs/survey-library/commit/cc67fbfe766fdb8f83c553e305e14aa5b2e26548

Right now this code will duplication question1 if it belongs to the first page: js survey.pages[1].addElement(survey.getQuestionByName("question1")); We should remove it from the previous parent container before adding to the new one.

On using "choicesByUrl" property when choices are loaded from the web service, we reset the value to "undefined" before setting the value from choices. It requires to notify UI about value change, otherwise UI elements doesn't know that they need to update their value. In early versions, we took the question value directly from survey. During performance optimizations about a year ago we started to cache the question value in the question object and synchronize question value property and survey data. It means if the previous value exists in new choices, that came from the web service, we don't need to notify survey about question value changing and reset (make undefined and then set the value back) the question value property only. It will be enough to notify UI about the change and update the UI elements accordingly.

The current version executes defaultValueExpression in a non async mode and as result if there are async functions in this expression, then the result will be incorrect.

We do not currently sort elements and it is hard to select an element if there are a lot of items in a dropdown. We should sort them by displaying text.

need to create an example

based on https://surveyjs.answerdesk.io/ticket/details/T5980

The functionality is required for Creator v2.

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

Bug

What is the current behavior?

The complete trigger that ends the survey does not work on calculated values. Interestingly, if I add an expression type question and set that to the value of the calculatedValue, then add the trigger to that expression question it does work as expected.

What is the expected behavior?

It should work on calculated values too.

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

Load the JSON below, choose option 1 and see that you can continue to the next page(s) which shouldn't be possible.

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

{
 "title": "survey title",
 "description": "test123 descr",
 "logoWidth": 0,
 "focusFirstQuestionAutomatic": false,
 "completedHtmlOnCondition": [
  {
   "expression": "{result} = 'screenout'",
   "html": "result trigger!!!"
  }
 ],
 "pages": [
  {
   "name": "page1",
   "elements": [
    {
     "type": "radiogroup",
     "name": "question1",
     "choices": [
      "item1",
      "item2",
      "item3"
     ]
    },
    {
     "type": "expression",
     "name": "expr",
     "title": "This expression contains the result variable, which is a calculatedValue",
     "expression": "{result}"
    },
    {
     "type": "html",
     "name": "question2",
     "html": "This is the value of the result calculated value:\n{result}\n\nThis is the value of the expression:\n{expr}"
    }
   ]
  },
  {
   "name": "page2",
   "elements": [
    {
     "type": "html",
     "name": "question7",
     "html": "This is the value of the result calculated value:\n{result}\n\nThis is the value of the expression:\n{expr}"
    }
   ]
  },
  {
   "name": "page3",
   "elements": [
    {
     "type": "html",
     "name": "question3",
     "html": "This is the value of the result calculated value:\n{result}\n\nThis is the value of the expression:\n{expr}"
    }
   ]
  }
 ],
 "triggers": [
  {
   "type": "complete",
   "expression": "{result} = 'screenout'"
  }
 ],
 "calculatedValues": [
  {
   "name": "result",
   "expression": "iif({question1} = 'item1', 'screenout', 'complete')",
   "includeIntoResult": true
  }
 ],
 "showPageNumbers": true
}

Tested page URL: https://surveyjs.io/create-survey

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

Feature request

What is the current behavior?

There isn't a way to search the choices of the dropdown list. datalist supports this

There is still an issue with dots in triggers. A slightly different example to the above is not working correctly:

{
 "pages": [
  {
   "name": "page1",
   "elements": [
    {
     "type": "dropdown",
     "name": "question.name1",
     "choices": [
      "item1",
      "item2",
      "item3",
      "item4"
     ]
    },
    {
     "type": "text",
     "name": "question.name2"
    }
   ]
  }
 ],
 "triggers": [
  {
   "type": "setvalue",
   "expression": "{question.name1} anyof ['item1', 'item2']",
   "setToName": "question.name2",
   "setValue": "one"
  },
  {
   "type": "setvalue",
   "expression": "{question.name1} anyof ['item3', 'item4']",
   "setToName": "question.name2",
   "setValue": "two"
  }
 ]
}

Originally posted by @dasboe in https://github.com/surveyjs/survey-library/issues/2420#issuecomment-753942148

The following JSON will generate the error:

{
      elements: [
        {
          type: "boolean",
          name: "q1",
        },
        {
          type: "matrixdynamic",
          name: "q2",
          columns: [
            {
              name: "q3",
              visibleIf: "{q1} = true",
            },
          ],
          rowCount: 1,
        },
      ],
      progressBarType: "buttons",
    }

The origional error was reported in SurveyJS support desk

The original issue was created in SurveyJS support desk. Converting "radiogroup" question with hasOther property set to true to "imagepicker" generates JavaScript error. The reason that image picker contains a wrong item type - "other item". Imagepicker should have it at the first place.

Since changing properties in CalculatedValue object doesn't call survey.onPropertyValueChangedCallback function, creator.onMofied event doesn't call eigther. The original issue was reported into SurveyJS Support Desk.

The functionality is required for Creator V2. We use Survey as property grid to edit Survey objects.

We decided to render the step attribute as "any" by default. Let us know if you feel that is not a correct decision, we will introduce a new setting that you will allow you to get the old behavior. You can read more about html step attribute here.

We required this property editor for text question dataList property - the list of localizable strings.

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

Bug

What is the current behavior?

When i have the property grid disabled, when we edit a question , its opens a modal with the information of question , if we rename a question inside of this modal , dont have the same behavior (my visibleifs of all my questions are not renamed) Example question 1 question 2 visbleif : = OUI question 3 /////////////////////////// AFTER RENAME food_enviroment_available question 2 visbleif : = OUI question 3

What is the expected behavior?

Independent for a property grid, being active or not(modal) , its must works on same way Example : question 1 question 2 visbleif : = OUI question 3 /////////////////////////// AFTER RENAME food_enviroment_available question 2 visbleif : = OUI question 3

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

If you create questions and set on any question a visible if that depends from another, and do the rename, this events never happens

Specify your

• browser:chrome
• editor version:last (i test on your site also)

The following event was added into logic object:

  /**
   * The event is called before logic item is saved. You can set options.error to non empty string to show error instead of saving the item.
   * You can use options.item.actions to access actions and optionally set errorText to a particular action.
   * <br/> options.item is the saved logic item.
   * <br/> usedNamesInExpression - the string list of all variables (questions, calculatedValues, and so on) that are used in expression
   * <br/> error - the error string. It is empty by default. You have to set it to non-empty string to show the error on saving.
   */
  public onLogicItemValidation: Survey.Event< (sender: SurveyLogic, options: any) => any,  any>

Here is the example of using:

      creator.logic.onLogicItemValidation.add((_, options) => {
       let actions = options.item.actions;
        for (let i = 0; i < actions.length; i++) {
          let action = actions[i];
          if (action.logicTypeName === "question_visibility" && !!action.element) {
            if (options.usedNamesInExpression.indexOf(action.element.name) > -1) {
              action.errorText = "Please use another question";
              options.error = "There is an error in an action";
            }
          }
        }
      });

See the issue at https://surveyjs.answerdesk.io/ticket/details/T6010

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

Bug

What is the current behavior?

The survey title gets a style like this: max-width: calc(((100% - 5px) - 2em) - 300px); This (as expected), doesn't work very well with small display sizes, think a survey container of 500px wide...

What is the expected behavior?

I assume that this calculation was added so that the survey title doesn't overlap the logo. I'd expect if no logo was specified (which is the default) then the logoWidth gets ignored and title is allowed to span the whole width.

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

• Go to https://surveyjs.io/create-survey
• Set page title
• Test survey
• Set it to mobile view

Workaround

Explicitly setting the logo width to 0 makes it work as expected...

This allows to customize input controls the following way:

  var defaultThemeColorsSurvey = Survey.StylesManager.ThemeColors["modern"];
  defaultThemeColorsSurvey["$text-input-color"] = "blue";
  defaultThemeColorsSurvey["$inputs-background-color"] = "yellow";
  Survey.StylesManager.applyTheme("modern");

See the https://surveyjs.answerdesk.io/ticket/details/t5984/how-to-modify-input-text-colour-in-custom-theme thread for more details

New function that returns all variables in the survey. Variables are not stored in the survey.data

  /**
   * Returns all variables in the survey. Use setVariable function to create a new variable.
   * @see getVariable
   * @see setVariable
   */
  public getVariableNames(): Array<string>;

The common task is to show is to filter choices from previous question by showing selected/unselected items. We allow to do it by using setting choicesVisibleIf property to: " contains " and setting the same choices in two, or more questions. Here is the example. There are two issues with this approach:

1. End-user has to duplicate choices and he/she may forget to modify choices in all questions later.
2. It requires to teach end-users how to set-up choicesVisibleIf property. In general it gives more flexibility, but the most users have problems to follow this step. Solution is to add two properties into "checkbox", "radiogroup" and "dropdown" questions:

  /**
   * Set this property to get choices from the question you have selected except defining them in this question. It will allow to avoid duplication in your survey definition.
   * By setting this property, "choices", "choicesVisibleIf", "choicesEnableIf" and "choicesOrder" properties become invisible, since they are defined in another question.
   * You can set `choicesFromQuestionMode` property to filter choices from another question.
   * @see choices
   * @see choicesFromQuestionMode
   */
  public get choicesFromQuestion(): string;

  /**
   * The property becomes visible when `choicesFromQuestion` property is selected. The default value is "all" and all visible choices from another question are show as it is.
   * You can set this property to "selected" or "unselected" to show only selected choices from the previous question or unselected.
   * @see choicesFromQuestion
   */
  public get choicesFromQuestionMode(): string;

As result your JSON instead of this one becomes following:

{
    elements: [
        {
            type: "checkbox",
            name: "car",
            title: "What cars have you being drived?",
            choices: [
                "Ford",
                "Vauxhall",
                "Volkswagen",
                "Nissan",
                "Audi",
                "Mercedes-Benz",
                "BMW",
                "Peugeot",
                "Toyota",
                "Citroen",
                "Tesla"
            ]
        }, {
            "type": "radiogroup",
            "name": "bestcar",
            "title": "What car did you enjoy the most?",
            "choicesFromQuestion": "car",
            "choicesFromQuestionMode": "selected"
        }, {
            "type": "radiogroup",
            "name": "secondcar",
            "visibleIf": "{car.length} > 1",
            "title": "What car is your second choice?",
            "choicesFromQuestion": "bestcar",
            "choicesFromQuestionMode": "unselected"
        }
    ]
}

We show composite component as one question in Logic UI. However, it doesn't make sense, since composite component is a container for other questions and we have to create expressions with nested questions in composite component.

Add a new property editor - select question inherited from selectbase: "checkbox", "dropdown" and "radiogroup" and turn off/on choices adorners on setting/unsetting choicesFromQuestion property. Please read here more about the functionality.

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

bug

What is the current behavior?

I cannot use value true/false values in matrix columns while I can do it in radiogroup. When choosing one or the other in matrix and look at the console you'll see why: strings "true" and "false" are stored ...

https://plnkr.co/edit/JeAJNJuJ1PAlyT1O

thank you

onValueChanged function will allow to avoid using question.valueChangedCallback callback. Here is the small example:

Survey.ComponentCollection.Instance.add({
    name: "dropdown_and_text",
    elementsJSON: [
      {
        type: "dropdown",
        name: "combo",
        choices: ["A", "B", "C"],
      },
      { type: "text", name: "text1" },
      { type: "text", name: "text2" },
    ],
    onValueChanged: (question, name, value) => {
     //If combo is changed, then set a double value of "combo" to "text1" and clear "text2"
      if (name == "combo") {
        question.setValue("text1", value + value);
        question.setValue("text2", null);
      }
    },
  });

In the current version v1.8.21 and low, SurveyJS Library have hard-coded validors for different question types. For example comment support: "expression", "text" and "regex" validator types. There is no way to delete or add new validator type for any question type. From v1.8.22, we are adding into Survey settings the following variable:

  supportedValidators: {
    question: ["expression"],
    comment: ["text", "regex"],
    text: ["numeric", "text", "regex", "email"],
    checkbox: ["answercount"],
  },

For example to remove "regex" validator for "comment" you will need to write:

Survey.settings.supportedValidators.comment = ["text"];

We have a popular onValueChanged check error mode, when a user can see an error on changing the value and not on click "Next"/"Complete" buttons, the default behavior. onValueChanging is similar to onValueChanged, except one big difference. If the value is incorrect, there is an error, then value will not set into survey data. It means that survey data will not contains data with validation errors. In this mode, you should be aware that question.value and survey.getValue("questionName") can be different, if the question value is not valid. question.value contains value entered by end-user.

Stack overflow error happens on using single question component in panel dynamic. The following code will produce the error.

  ComponentCollection.Instance.add({
    name: "singlequestion",
    createQuestion: function () {
      var res = new QuestionDropdownModel("question");
      res.choices = [1, 2, 3, 4, 5];
      return res;
    },
  });
  var survey = new SurveyModel({
    elements: [
      {
        type: "paneldynamic",
        name: "q1",
        templateElements: [
          { type: "text", name: "q1" },
          { type: "singlequestion", name: "q2" },
        ],
      },
    ],
  });
  var panel = <QuestionPanelDynamicModel>survey.getAllQuestions()[0];
  panel.panelCount = 1;

The issue is related to multibyte symbols input, e.g. Japanese

See the https://surveyjs.answerdesk.io/ticket/details/t5934/key-chatter-in-safari-when-textupdatemode-is-ontyping thread for more details

SurveyCreator.descriptionAdorner.surveyDescriptionEditable = false;
SurveyCreator.descriptionAdorner.pageDescriptionEditable = false;

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

Maybe a bug

What is the current behavior?

When using the "showPreviewBeforeComplete": "showAllQuestions", the progress bar is being displayed and says: Page 1 of 1. Is there a way to hide the progress bar during the display of the preview page?

What is the expected behavior?

Not see the progress bar during preview because the preview page is a single page and it doesn't make sense.

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

I provided test code below.

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

Tested page URL:

Test code

{
 "pages": [
  {
   "name": "page1",
   "elements": [
    {
     "type": "matrix",
     "name": "Quality",
     "title": "Please indicate if you agree or disagree with the following statements",
     "columns": [
      {
       "value": 1,
       "text": "Strongly Disagree"
      },
      {
       "value": 2,
       "text": "Disagree"
      },
      {
       "value": 3,
       "text": "Neutral"
      },
      {
       "value": 4,
       "text": "Agree"
      },
      {
       "value": 5,
       "text": "Strongly Agree"
      }
     ],
     "rows": [
      {
       "value": "affordable",
       "text": "Product is affordable"
      },
      {
       "value": "does what it claims",
       "text": "Product does what it claims"
      },
      {
       "value": "better then others",
       "text": "Product is better than other products on the market"
      },
      {
       "value": "easy to use",
       "text": "Product is easy to use"
      }
     ]
    },
    {
     "type": "rating",
     "name": "satisfaction",
     "title": "How satisfied are you with the Product?",
     "isRequired": true,
     "minRateDescription": "Not Satisfied",
     "maxRateDescription": "Completely satisfied"
    },
    {
     "type": "rating",
     "name": "recommend friends",
     "visibleIf": "{satisfaction} > 3",
     "title": "How likely are you to recommend the Product to a friend or co-worker?",
     "minRateDescription": "Will not recommend",
     "maxRateDescription": "I will recommend"
    },
    {
     "type": "comment",
     "name": "suggestions",
     "title": "What would make you more satisfied with the Product?"
    }
   ]
  },
  {
   "name": "page2",
   "elements": [
    {
     "type": "radiogroup",
     "name": "price to competitors",
     "title": "Compared to our competitors, do you feel the Product is",
     "choices": [
      "Less expensive",
      "Priced about the same",
      "More expensive",
      "Not sure"
     ]
    },
    {
     "type": "radiogroup",
     "name": "price",
     "title": "Do you feel our current price is merited by our product?",
     "choices": [
      {
       "value": "correct",
       "text": "Yes, the price is about right"
      },
      {
       "value": "low",
       "text": "No, the price is too low for your product"
      },
      {
       "value": "high",
       "text": "No, the price is too high for your product"
      }
     ]
    },
    {
     "type": "multipletext",
     "name": "pricelimit",
     "title": "What is the... ",
     "items": [
      {
       "name": "mostamount",
       "title": "Most amount you would every pay for a product like ours"
      },
      {
       "name": "leastamount",
       "title": "The least amount you would feel comfortable paying"
      }
     ]
    }
   ]
  },
  {
   "name": "page3",
   "elements": [
    {
     "type": "text",
     "name": "email",
     "title": "Thank you for taking our survey. Your survey is almost complete, please enter your email address in the box below if you wish to participate in our drawing, then press the 'Submit' button."
    }
   ]
  }
 ],
 "showQuestionNumbers": "off",
 "showProgressBar": "bottom",
 "clearInvisibleValues": "onHidden",
 "checkErrorsMode": "onValueChanged",
 "showPreviewBeforeComplete": "showAllQuestions"
}

Specify your

• browser: Any
• browser version: Any
• surveyjs platform (angular or react or jquery or knockout or vue): Vue
• surveyjs version: 1.8.18

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

Reporting a bug

What is the current behavior?

The event onValidatedErrorsOnCurrentPage isn't notified of errors set via onServerValidateQuestions.

What is the expected behavior?

The event should be triggered again once options.complete() is called from onServerValidateQuestions.

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

In the example provided, errors: 1 is printed to the console when the field is blank however when an error is set via onServerValidateQuestions, it prints errors: 0 since it runs before the server validation is completed.

Tested page URL: https://plnkr.co/edit/t2HgSyIXfFKBBmIZ

Test code

function surveyValidateQuestion(survey, options) {
    options.errors["country"] = "An exception has occurred.";
    options.complete();
}

function surveyValidateErrorsOnCurrentPage(survey, options) {
    console.log(`errors: ${options.errors.length}`);
}

var json = {
    questions: [
        {
            type: "text",
            name: "country",
            title: "Type a country:",
            isRequired: true
        }
    ]
};

window.survey = new Survey.Model(json);

survey
    .onComplete
    .add(function (result) {
        document
            .querySelector('#surveyResult')
            .textContent = "Result JSON:\n" + JSON.stringify(result.data, null, 3);
    });

survey
    .onServerValidateQuestions
    .add(surveyValidateQuestion);

survey
    .onValidatedErrorsOnCurrentPage
    .add(surveyValidateErrorsOnCurrentPage);

$("#surveyElement").Survey({model: survey});

Specify your

• browser: Microsoft Edge
• browser version: 87.0.664.55
• surveyjs platform (angular or react or jquery or knockout or vue): jquery
• surveyjs version: 1.8.20

Remove this code for matrices:

  public get isAllowTitleLeft(): boolean {
    return false;
  }

The following code doesn't work correctly:

var processor = new Survey.ProcessValue();
var data = {};
processor.setValue(data, "a.Item1.c1", 1);

After that data equals a: {item1: {c1: 1}}, where item1 should be in capital, a: {Item1: {c1: 1}}. This error leads to issue in triggers for matrices question, when rows values are in upper case.

See the https://surveyjs.answerdesk.io/ticket/details/t5902/image-alt-text thread for more details

Add a new option into survey.clearInvisibleValues property.

onHiddenContainer - clear the question value when it or its parent (page or panel) becomes invisible. If a question has value and it was invisible initially then survey clears the value on completing.

It works as onHidden and additional clear value /restore default value on hidding/showing it's container (panel or page).

Currently, questions are sorted by names in translation tab. Some developers want to disable sorting and place they placed on the page. A new setting:

SurveyCreator.settings.traslation.sortByName = false;

See the https://surveyjs.answerdesk.io/ticket/details/t5904/select2-clear-in-matrix-with-visibleif-rule-issue thread for more details Plunker to reproduce: https://plnkr.co/edit/K452qnYAVVdJhQvs?preview

select2.min.js:1 Uncaught TypeError: Cannot read property 'query' of null at e. (select2.min.js:1) at e.d.invoke (select2.min.js:1) at e.d.trigger (select2.min.js:1) at e.trigger (select2.min.js:1) at e.open (select2.min.js:1) at e.toggleDropdown (select2.min.js:1) at d. (select2.min.js:1) at d.invoke (select2.min.js:1) at d.trigger (select2.min.js:1) at d.c._handleClear (select2.min.js:1) (anonymous) @ select2.min.js:1 d.invoke @ select2.min.js:1 d.trigger @ select2.min.js:1 e.trigger @ select2.min.js:1 e.open @ select2.min.js:1 e.toggleDropdown @ select2.min.js:1 (anonymous) @ select2.min.js:1 d.invoke @ select2.min.js:1 d.trigger @ select2.min.js:1 c._handleClear @ select2.min.js:1 j @ select2.min.js:1 (anonymous) @ select2.min.js:1 dispatch @ jquery:5429 elemData.handle @ jquery:5233

We have the state for the panel: https://surveyjs.io/Documentation/Library?id=panelmodel#state

Need to implement the same for all questions.

Possible values: default , collapsed, expanded

We did not have a function that returns all questions by their valueName.

  /**
   * Returns all questions by their valueName. name property is used if valueName property is empty.
   * @param valueName a question name
   * @param caseInsensitive
   * @see getQuestionByName
   * @see getQuestionByValueName
   * @see Question.valueName
   */
  public getQuestionsByValueName(
    valueName: string,
    caseInsensitive: boolean = false
  ): Array<Question>;

based on the https://surveyjs.answerdesk.io/ticket/details/T5870

We need an ability to pass index where the toolbox item will be inserted See the https://surveyjs.answerdesk.io/ticket/details/t5857/creator-toolbox-categories-reorder thread for more details

See the https://surveyjs.answerdesk.io/ticket/details/t5876/inverted-comma-in-title-placeholder-breaks-layout thread for more details

Sometimes it is hard to understand in what context a question is. It can be a standalone question or a cell question in matrix or a question inside dynamic panel. The parentQuestion property solve this problem.

  /**
   * A parent question. It can be a dynamic panel or dynamic/dropdown matrices. If the value is a matrix, it means that question is a cell question.
   * This property is null for a stand alone question.
   */
  public get parentQuestion(): Question;

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

Reporting a bug

What is the current behavior?

onServerValidateQuestions doesn't get called on the last page if showPreviewBeforeComplete is set.

What is the expected behavior?

onServerValidateQuestions should be called on every page.

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

Using the test page provided below, you'll noticed that page3 is never printed to the console unless you remove showPreviewBeforeComplete from the survey.

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

Tested page URL: https://plnkr.co/edit/KBfdqN77mlIFxUGB

Test code

Survey
    .StylesManager
    .applyTheme("modern");

//assign call to onServerValidateQuestions callback
function surveyValidateQuestion(survey, options) {
    console.log(survey.currentPage.name);
    options.complete();
}

var json = {
 "pages": [
  {
   "name": "page1",
   "elements": [
    {
     "type": "boolean",
     "name": "question1",
     "isRequired": true
    }
   ]
  },
  {
   "name": "page2",
   "elements": [
    {
     "type": "boolean",
     "name": "question2",
     "isRequired": true
    }
   ]
  },
  {
   "name": "page3",
   "elements": [
    {
     "type": "boolean",
     "name": "question3",
     "isRequired": true
    }
   ]
  }
 ],
 "showPreviewBeforeComplete": "showAllQuestions"
};

window.survey = new Survey.Model(json);

survey
    .onComplete
    .add(function (result) {
        document
            .querySelector('#surveyResult')
            .textContent = "Result JSON:\n" + JSON.stringify(result.data, null, 3);
    });

survey
    .onServerValidateQuestions
    .add(surveyValidateQuestion);
$("#surveyElement").Survey({model: survey});

Specify your

• browser: Microsoft Edge
• browser version: 87.0.664.47
• surveyjs platform (angular or react or jquery or knockout or vue): jquery
• surveyjs version: 1.8.18

The following expression sum(["1", "2"]) will give "12" when the most users expect it to be 3.

See the https://surveyjs.answerdesk.io/ticket/details/t2523/gonextpageautomatic thread for more details

Dynamic panel removes value as "matrixName-total", since it could not find question with this name. We should check for "-total" post prefix before removing this key from the value.

We are calling onMatrixRowRemoved event before the row is actually removed from the matrix. We should call this event after.

based on https://surveyjs.answerdesk.io/ticket/details/T5744

var json = {
  elements: [
    {
      type: "text",
      name: "question1",
      width: "50%",
    },
  ]
}

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

Reporting a bug

What is the current behavior?

Display mode and readOnly modes did not affect the 'matrixdropdown' type

What is the expected behavior?

By using 'display' mode in surveyjs implemented in React web app, I am expecting that all different types (checkboxes, radio buttons, single and multi choice matrix) will be disabled respectively.

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

Basically extend the survey json => survey.mode = 'display'; Note that in the surveyjs designer everything seems to be working properly.

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

Tested page URL: https://surveyjs.io/create-survey

Test code

const surveyJSON = {"pages":[{"name":"page1","elements":[{"type":"matrixdropdown","name":"2628","title":"Rate your level of agreement with each of the statements below.","defaultValue":{"1832":{"col1":["7","6"]},"1835":{"col1":["7","6"]},"1836":{"col1":["6","7"]},"1844":{"col1":["7","6"]},"1845":{"col1":["7","6"]}},"readOnly":true,"columns":[{"name":"col1","cellType":"checkbox","showInMultipleColumns":true,"choices":[{"value":"10","text":"Disagree"},{"value":"9","text":"Somewhat Disagree"},{"value":"7","text":"Somewhat Agree"},{"value":"6","text":"Agree"}]}],"rows":[{"value":"1836","text":"I know what job/career I want to do when I finish school."},{"value":"1832","text":"I know how to explore and get information about careers I might be interested in."}]}],"title":"Test"}]}

Specify your

• browser:
• browser version:
• surveyjs platform (angular or react or jquery or knockout or vue): react
• surveyjs version: 1.7.18

Right now, there is no way to access parent dynamic panel from nested dynamic panel for text pre-processing. You can access only elements in your dynamic panel as {panel.questionName}. From v1.8.19, you will be able to set the following text into your question title: {parentPanel.questionName}, where parentPanel is the parent Question. Here is the example.

{
    elements: [
      {
        type: "paneldynamic",
        name: "rootPanel",
        panelCount: 1,
        templateElements: [
          {
            type: "text",
            name: "q1",
            title: "{panel.q2}",
          },
          {
            type: "text",
            name: "q2",
          },
          {
            type: "paneldynamic",
            name: "childPanel",
            panelCount: 1,
            templateElements: [
              {
                type: "text",
                name: "childPanel_q1",
                title: "{parentPanel.q2}", ///the example of using "parentPanel".
              },
            ],
          },
        ],
      },
    ],
  }

age() function can return a year more, if the bithday is on the next day. The original bug created on SurveyJS Support Desk.

On loading elements like this:

  {
            type: "dropdown",
            name: "country",
            title: "Select the country...",
            isRequired: true,
            choicesByUrl: {
                url: "https://restcountries.eu/rest/v2/all",
                valueName: "name"
            }
        }

survey.onPropertyChangedCallback will be raised two times for url and valueName. As result SurveyJS Creator will raise onModified event on setting JSON, however nothing has been changed. We should not raise this event on loading choicesByUrl property.

When a question property's readOnly value is set in an onGetPropertyReadOnly event handler, the value applies to the property editor within the SurveyJS Creator's Properties Grid, but does not apply to the question's adorner.

Sampe code:

creator
    .onGetPropertyReadOnly
        .add(function (sender, options) {
            if(options.obj.name == "myQuestion" && options.property.name == "isRequired"){
                options.readOnly = "true";
            }
    });

Example: https://plnkr.co/edit/6xvOha1KPUasGKsG

See the https://surveyjs.answerdesk.io/ticket/details/t5858/analytics-bar-chart-scale-trimmed-ui-issue thread for more details

See the https://surveyjs.answerdesk.io/ticket/details/t5822/select2-doesn-t-empty-properly-when-using-choices-with-visibleif thread for more details

Plunker to reproduce - https://plnkr.co/edit/Jv03Wcng255VCAyi?preview

This will allow to set "0,00 $" format, where the " $" is the suffix

See the https://surveyjs.answerdesk.io/ticket/details/t5834/add-inputmask-widget-in-toolbox thread for more details