Two values in in unique column are not equal: "abc" and "ABC" however settings.comparator.caseSensitive is false (default value). It should allow to enter "abc" and "ABC" values if column is empty.

Create a matrix dynamic, then set it's cellType (default cell type of all columns) to "rating", after that set the "cellType" property to "rating" and "rateMax" to 10. Then change the "cellType" to "default". We will have "rateMax" equals to 10 in the serialized JSON, while we should not have it, since the cellType property is "default" and not "rating".

Changing question name doesn't work for complex questions, for example for matrix dropdown. Here the exampel of visibleIf property: "{question1.Row 1.column 2} = "item1". On changing question1 the visibleIf property remains the same.

SurveyLocStringEditor should re-create model on componentDidUpdate

enableIf should be display the same as the visibleIf

 "columns": [
      {
       "name": "Score",
       "minWidth": "500px",
       "choices": [
        1,
        2,
        3,
        4,
        5,
        "I haven't used it before"
       ],
       "storeOthersAsComment": true
      }
     ],
     "choices": [
      "I haven't used it",
      "Very satisfied",
      "Satisfied",
      "Neutral",
      "Dissatisfied",
      "Very dissatisfied"
     ],

Survey becomes empty if there is only one page and this page is started. We should not apply "first page is a start page" functionality if there is only one page.

(if no title and description of page entered)

Popup list box with "and" and "or" is not show in Creator for knockout. You can check it on our website.

substr is deprecated and we should to replace it vs substring.

On changing bindings in Creator V2 property grid survey onPropertyValueChangedCallback is not fired as result Creator is not go into modified mode and the change can be lost.

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

What is the current behavior? Triggers. There's a radiobutton question (question1) with 3 items and question13 (default text input. It is disabled initially). There is a condition:

== 'item2') or ( == 'item3' => Make question enable Survey skip to the question

When I clicked 'item2' for the first time, It did not skip me to question13, but it becomes enabled, but when I click 'item3', it skips me to question13, because it is already enabled.

The main issue is that currently this setup of triggers (enable + skip) does not work.

What is the expected behavior? After clicking 'item2' or 'item3', it should enable question13 and skip me to question13 at once.

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

1. Create radiobutton question (question1) and disabled text input (question2).
2. Create a condition: == 'item2') or ( == 'item3' => Make question enable Survey skip to the question
3. Go to survey.
4. Click item2.
5. It should only enable question2.

Provide the test code and the tested page URL (if applicable) Tested page URL: https://plnkr.co/edit/NX7E6BxCVkVs9gAV

Test code

var json = { "title": "SimultaneousEnableAndSkip", "pages": [ { "name": "page1", "elements": [ { "type": "radiogroup", "name": "question1", "id": 2759, "choices": [ { "value": "item1", "id": 38117 }, { "value": "item2", "id": 38118 }, { "value": "item3", "id": 38119 } ] }, { "type": "text", "name": "question2", "id": 2760 }, { "type": "text", "name": "question3", "id": 2761 }, { "type": "text", "name": "question4", "id": 2762 }, { "type": "text", "name": "question5", "id": 2763 }, { "type": "text", "name": "question6", "id": 2764 }, { "type": "text", "name": "question7", "id": 2765 }, { "type": "text", "name": "question8", "id": 2766 }, { "type": "text", "name": "question9", "id": 2767 }, { "type": "text", "name": "question10", "id": 2768 }, { "type": "text", "name": "question11", "id": 2769 }, { "type": "text", "name": "question12", "id": 2770 }, { "type": "text", "name": "question13", "enableIf": " = 'item2' or = 'item3'", "readOnly": true, "id": 2771 } ], "navigationButtonsVisibility": "show", "id": 358 } ], "triggers": [ { "type": "skip", "expression": " = 'item1'", "gotoName": "question2" }, { "type": "skip", "expression": " = 'item2' or = 'item3'", "gotoName": "question13" } ], "name": "SimultaneousEnableAndSkip", "id": 164 };

Specify your browser: Chrome 102 browser version: 102 surveyjs platform (angular or react or jquery or knockout or vue): React surveyjs version: v1.9.26 AND v1.9.35

If text question has min property equals to 0 then the error can be show as: "The value should not be less than {0}" instead of "The value should not be less than 0"

Is it possible to support the direction of the page from right to left?

Example:

We have to stop using substr function

The following code will not work, because we do update depended properties editors in detail panel in our matrices. We use matrices to edit collection properties, like calcualted values.

Survey.Serializer.addProperty("calculatedvalue", "targetEntity");
Survey.Serializer.addProperty("calculatedvalue", {
    name: "targetField",
    dependsOn: "targetEntity",
    choices: function (obj) {
      return getChoicesByEntity(obj);
    }
  });
  function getChoicesByEntity(obj: any): Array<any> {
    const entity = !!obj ? obj["targetEntity"] : null;
    const choices = [];
    if (!entity) return choices;
    choices.push({ value: "entity" });
    choices.push({ value: entity + " 1", text: entity + " 1" });
    choices.push({ value: entity + " 2", text: entity + " 2" });
    return choices;
  }

Add a new property into translation section of the settings variable: exportFileName: "survey_translation.csv"

We need an event to control importing localization strings into translation tab / survey model

  /**
   * Use this event to modify the imported localizable text. To block importing a particular localization text, set the options.text into undefined.
   *
   * The event handler accepts the following arguments:
   *
   * - `sender` - A Survey Creator instance that raised the event.
   * - `options.locale` - the locale name, like 'en', 'de' and so on.
   * - `options.name` - The full name of the localizable string, it can be: "survey.page1.question2.title"
   * - `options.text` - The imported text for the locale for this item. Set it to undefined or empty string to block importing for this item
   */
   public onTranslationImportItem: Survey.Event<(sender: CreatorBase, options: any) => any, any>;

Here is the example to allow edit only default, en, de and fr translation:

  creator.onTranslationImportItem.add((sender, options) => {
    if(["default", "", "en", "de", "fr"].indexOf(options.locale) < 0) options.text = undefined;
  });

white padding on body in mobile mode: - FIXED

We have to add isArray attribute into property description to let Survey know that this property is an array and should deal with it as with array property. Here is the example:

Survey.Serializer.addProperty('survey', {
  name: 'customFunctions:calculatedvalues',
  className: 'calculatedvalue', isArray: true,
  displayName: "Custom Functions", category: "logic", visibleIndex: 0,
});

The following survey doesn't work:

{
    elements: [
      {
        type: "matrixdropdown",
        name: "matrix",
        columns: [
          {
            name: "col1",
            cellType: "text",
            totalType: "sum",
            inputType: "number",
          },
          {
            name: "col2",
            cellType: "text",
            totalType: "sum",
            inputType: "number",
          },
          {
            name: "col_sum",
            cellType: "expression",
            totalType: "sum",
            expression: "{row.col1}+{row.col2}",
          },
          {
            name: "col3",
            cellType: "boolean",
            visibleIf: "false",
          },
        ],
        rows: ["row1", "row2"],
      },
    ],
    clearInvisibleValues: "onHiddenContainer"
  }

It works if remove "visibleIf" for a column or "clearInvisibleValues" property

It would be nice to share data between checkbox and panel dynamic / matrix dynamic. Currently, it is not possible because checkbox value is array of choice item value and panel/matrix dynamic is an array of objects: We can add "valuePropertyName" property, so by setting it to "fruit" the checkbox value can be stored intead of: ["banana", "apple"] as: [{ fruit: "banana" }, { fruit: "apple" }]. Additionally, we should allow to combine checkbox values with values entered in panel/matrix dynamic questions. Example of JSON:

{
    elements: [
      {
        type: "checkbox",
        name: "q1",
        valueName: "fruits",
        valuePropertyName: "fruit",
        choices: ["apple", "banana", "orange"],
      },
      {
        type: "paneldynamic",
        name: "q2",
        panelCount: 0,
        valueName: "fruits",
        templateElements: [
          {
            type: "comment",
            name: "description"
          }
        ]
      }
    ]
  }

The following code doesn't work:

  const survey = new SurveyModel({
    elements: [
      {
        type: "text",
        name: "q1",
        title: "{complex.value1}",
      }
    ]
  });
  survey.data = { complex: { value1: "complexText" } };

Text pre-processing doesn't recognize "complex.value1"

creator.onItemValueAdded event is fired on adding a new choice in the Property Grid, but is not fired on adding a new choice in question on the designer surface.

If a question immediately deleted after adding the a deleted object can be showin in the property grid:

  creator.onQuestionAdded.add((sender, options) => {
    if (creator.survey.getAllQuestions().length > 1) {
      options.question.delete();
    }
  });

We can override display names for Property Grid Object select by using creator.onGetObjectDisplayName, with "options.reason" equals to "property-grid". However, it is impossible to have a custom selected property title, for example: "Survey Properties" or "Question1 Properties". It should be added an additional reason "property-grid-title".

    creator.onGetObjectDisplayName.add(function (sender, options) {
      if(options.reason === "property-grid-title") {
        options.displayName = options.displayName + " Properties";
      }
    });

If JSON was created with "en" default locale and survey locale equals to "de" we can the following JSON: const survey = new Survey.SurveyModel({ title: { de: "Hallo" } }); After that if the default locale sets to "de": Survey.surveyLocalization.defaultLocale = "de"; then the following code works incorrectly:

Survey.surveyLocalization.defaultLocale = "de";
const survey = new Survey.SurveyModel({ title: { de: "Hallo" } });
let val = survey.title; //val is Hallo
survey.title = "";
val = survey.title; //val is stil Hallo.

We would expect val to be equal empty string.

The following code: choices property editor doesn't work correctly if this settng is used: SurveyCreator.settings.propertyGrid.maximumChoicesCount = 5;

A user can add as many choices as she wants in designer since designer ignores SurveyCreator.settings.propertyGrid.maximumChoicesCount property.

Add a new event into survey:

  /**
   * The event is fired after a trigger has been executed
   * <br/> `sender` - the survey object that fires the event.
   * <br/> `options.trigger` - An instance of a trigger that has been just perform it's action.
   * @see onComplete
   */
   public onTriggerExecuted: EventBase<SurveyModel> = this.addEvent<SurveyModel>();

Matrix dropdown/dynamic matrices questions can generate an error in react. The reason, the table view model can be built on react rendering and it's generates changings in state. It is incorrect. We should generate table view model on creating react component.

We have to set targetElement property on componentDidUpdate after shouldComponentUpdate, because componentDidMount is not called in this case.

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

{
            "type": "ranking",
            "longTap": false,
}

Add a new property into settings to control today() function behavior, by using locale or UTC time.

  /**
   * Set this value to false, if you want to have UTC fuctions, for example setUTCHours inside our functions, like today.
   * By default it uses setHours function, with local date
   */
  useLocalTimeZone: true

Use the following code to let "today(): function work with UTC time: Survey.settings.useLocalTimeZone = false;.

After re-factoring in v1.9.32 the following code is generated the error: const creator = new SurveyCreator.SurveyCreator({ showPropertyGrid: false });

We do not update internal models in some React Components on changing props. It can lead to incorrect behavior.

Preview tab hides start page and do not allow to show it. It should work with the start page as with any other pages in the Preview tab.

After re-factoring in v1.9.32 the following code is generated the error: const creator = new SurveyCreator.SurveyCreator({ showSidebar: false });

Results rows in Preview Tab do not have unique key.

"creator.onTranslationStringVisibility" event is not fired for choices and other properties that has "itemvalues" property type.

For the multiple choice questions, the display should be same as single choice matrix questions with rows treated as a question and displayed in a separate column and the cell should contain the values from the columns separated by a comma.

See the https://surveyjs.answerdesk.io/ticket/details/t9146/surveyjs-tabulator thread for more details

1. Open the Custom Visualizers demo.
2. Find the question titled "Please indicate if you agree or disagree with the following statements"
3. Change its look from Charts to Table

Result:

And the following error in the console: Uncaught ReferenceError: th is not defined

• The Change Locale dropdown doesn't show the selected locale. To reproduce the issue, change the locale using the dropdown. Current behavior: The dropdown displays the phrase "Change Locale" in the selected language. Expected behavior: The selected language persists in the dropdown.
• The example doesn't show the code that actually changes the locale.
• The phrase "Change Locale" isn't translated to French.

"Hide empty answers" on the following image is a single button.

Example

Now, the first answer in the choices array is displayed at the bottom of the chart. It is more natural to display the first answer at the top.

In this example, the question "How many software developers are in your organization?" displays only 2 bars, but if you switch to one of the other chart types, you will see that there are more answers.

Bar:

Pie:

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

Question

What is the current behavior?

No official React 18 support

What is the expected behavior?

Official React 18 support

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

Install with React 18

I couldn't find a ticket on official React 18 support so thought it would be nice for the community to have some visibility on this.

Right now it is impossible to have two surveys on English and Spanish on the same page. It brings issues in SurveyJS Creator V2, since we can have Property Grid in English (using our survey) and survey on designer surface in Spanish. As result, it starts work incorrectly and survey on designer surface may show incorrect locale strings.

Chaning "renderAs" property for matrixdropdown column doesn't apply immediately for a template question. As result, since this property is dynamic and based on cellType, it leads to incorrect behavior in the property grid in Creator V2.

If there are errors in matrix dynamic (matrix cell question) or in panel dynamic (in question inside the panel) then panel/page "focusFirstErrorQuestion" function doesn't work.

There is no way to apply a different css style for a different composite questions using global css. For example, if you have a composite question: "customerinfo" you should set it's style as: survey.css["customerinfo"] = { mainRoot: "customercss" };. It works for all other questions.

We have getType() function that returns the object type. Sometimes you need to know if the object instance is inherited from another object. For example, is the question "dropdown" or inherited from "dropdown". In this case obj.getType() === "dropdown" will not work and it should be used obj.isDescendantOf("dropdown"); in this case.

If there are several questions in one line, then trying to insert a new question between these questions and a question with a new line generates incorrect result.

For instance, the following screencast shows a numeric nps_score question that doesn't accept contains and some other operations. It makes sense because these operations are valid only for string question, but in this case why are they on the list? We need to filter the drop-down values.

https://www.screencast.com/t/vXoQM4qe

Steps to reproduce:

1. Set survey locale to non-default locale via property grid
2. Add boolean question: on this step Yes/No labels are localised correctly
3. Click on Preview Tab
4. Click on Designer Tab
5. boolean localised labels are reset to labels with default Yes/No

In-line editing of (for instance) question titles or choices does not work in Safari (running safari version 14.1.1).

If a developer reset/change the existing survey when translation tab is opening then filter by page action should be set to "All pages".

We do not have the easy way to change the default question JSON when a user creates a new question on designer. It should be as easy as:

SurveyCreatorCore.settings.toolbox.defaultJSON["image"] = 
  { imageLink : "https://www.rd.com/wp-content/uploads/2021/04/GettyImages-141809950.jpg" };

We should use isDescendantOf() function instead of getType() function for getting correct component wrapper name. Otherwise new questions types inherited from our standard questions will not work correctly in Creator V2.

Hello SurveyJS team,

the survey tabulator does not escape script tags correcltly.

I have taken the the survey tabulator example and added a HTML button with a onclick handler on it and it executes. This is a security issue and should not be the case. https://plnkr.co/edit/J99S1lklsPL6d27J

The survey editor and survey display component escape this correctly.

Best Johannes

Now:

var surveyResultNode = document.getElementById("surveyDashboard");
surveyResultNode.innerHTML = "";
visPanel.render(surveyResultNode);

Suggestion:

visPanel.render("surveyDashboard");

Some users request column title different form column title: e.g. if they are using markdown.

See the https://surveyjs.answerdesk.io/ticket/details/t9444/markdown-matrix-tooltip-on-matrix-cells-is-broken-shows-the-html-values thread for more deatils

Demo: https://surveyjs.io/Examples/Survey-Creator?id=real-nps&platform=ReactjsV2&theme=defaultV2

Screencapture: https://www.screencast.com/t/EvC4xfcz

refered to https://github.com/surveyjs/service/issues/222

we need to revert https://github.com/surveyjs/survey-creator/issues/2456

If there are several questions inside a panel and user select the panel then after clicking "Add new Question" on Panel footer, a new question can be added in the middle of other questions.

We do not have an event, that fires after property grid survey is setup. Here the event declaration:
  /**
   * The event is called after a survey that represents the Property Grid is created and all its questions (property editors) are setup.
   * You can use this event to modify this survey to change the property grid behavior
   * <br/> options.obj the survey object that is currently editing in the property grid
   * <br/> options.survey the property grid survey
   */
   public onPropertyGridSurveyCreated: Survey.Event<(sender: CreatorBase, options: any) => any, any>

Developer can use onModified event to find that property has been changed. It is better to have it's own event since it used a lot.

  /**
   * The event is fired when a property in any survey object object is changed.
   * <br/> sender the survey creator object that fires the event
   * <br/> options.obj the survey object which property has been changed.
   * <br/> options.propertyName  the name of the changed property.
   * <br/> options.value the property value.
   * @see onPropertyValidationCustomError
   * @see onPropertyValueChanging
   */
   public onSurveyPropertyValueChanged: Survey.Event< (sender: CreatorBase, options: any) => any, any>

If a panel dynamic has dropdowns with "others"/"comments" values, adding new panel with several existing panels is extremely slow.

It is hard to find an autogenerated page by name for "survey.questionsOnPageMode" property equals to "questionOnPage". It is better to set the same name as a question name.

The following survey doesn't work correctly. It shows erros on complete/next page, instead of on value changed.

{
   "elements": [
    {
     "type": "text",
     "name": "question1",
     "inputType": "number",
     "min": 1,
     "max": 4
    }
 ],
 "checkErrorsMode": "onValueChanged"
}

The following JSON doesn't work correctly:

{
    elements: [
      { type: "boolean", name: "q1", defaultValueExpression: "true" },
    ],
  }

Question should have "true" value, but it has "false".

If dynamic panel has a "renderMode" value different from "list", display one panel at a time, then we do not allow to go to another panel if there is an error on the current. However we allow to add a new panel, which is inconsistent. We have to show errors and do not allow to add a new panel if there are errors on the current panel.

The following code doesn't work correctly. The "q2" value is "other", instead of "item2".

  const survey = new SurveyModel({
    elements: [
      {
        type: "checkbox",
        name: "q1",
        choices: ["apple", "banana", "orange"],
      },
      {
        type: "radiogroup",
        name: "q2",
        choices: [
          "item1",
          {
            value: "item2",
            visibleIf: "{q1} = ['apple']",
          },
          "item3",
        ],
        hasOther: true,
      },
    ],
  });
  survey.data = {
    q2: "item2",
    q1: ["apple"],
  };

https://surveyjstest.azurewebsites.net/Examples/Library?id=survey-markdown-matrix&platform=Knockoutjs&theme=defaultV2

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

Bug

What is the current behavior?

OnValueChanging is triggered an additional time after OnValueChanged on custom question types

• onValueChanging is triggered

• onValueChanged is triggered

• onValueChanging is triggered again

What is the expected behavior?

OnValueChanging is only triggered once before OnValueChanged

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

Please refer to the this repository with a simple reproduction of the bug. I added one use case of known type text and one for a custom type with it's questionJSON being of type text for comparison.

I am currently overriding this behaviour with the following piece of code:

valueChangingHandler = (sender, options) => {
    if(options.oldValue === options.value) {
        console.warn('onValueChanging execution with equal values', options.question, options.oldValue, options.value)
        return;
    }
    ...
} 

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

Specify your

I am using survey-core as a backbone for a custom survey system.

• browser: /
• browser version: /
• surveyjs platform (angular or react or jquery or knockout or vue): /
• surveyjs version: 1.9.27 (most recent)

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

Reporting a bug.

What is the current behavior?

onShowingPreview doesn't get called when onServerValidateQuestions is set.

What is the expected behavior?

onShowingPreview should be called even if onServerValidateQuestions is set.

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

Using the test page provided below, you'll notice that onShowingPreview is never printed unless you remove the assignment of the onServerValidateQuestions event on the survey.

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

Tested page URL: https://plnkr.co/edit/6Sy4Rx5lK9rjA9eD

Test code

Survey
    .StylesManager
    .applyTheme("modern");

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

//assign call to onShowingPreview callback
function showingPreview(survey, options){
    console.log("onShowingPreview");
}

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

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

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

survey
    .onShowingPreview
    .add(showingPreview);

survey
    .onServerValidateQuestions
    .add(surveyValidateQuestion);

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

Specify your

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

In defaultV2 remove rows actions rendered as icons. A new setting is introduced to render these actions as buttons. Survey.settings.matrixRenderRemoveAsIcon = false;.

The original issue was reported on SurveyJS Support forum.

{
    elements: [
      {
        type: "matrixdynamic",
        name: "question1",
        rowCount: 1,
        columns: [
          {
            name: "Column1",
          },
          {
            name: "Column2",
            readOnly: true
          },
        ],
        cellType: "text",
      },
    ],
  }

The second column becomes editable after the following code:

survey.mode = "display";
survey.mode = "edit"

shortcut text should contain question type instead of generated new question name

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

Right now, Creator V2 has "text" as default question type in "Add Question" button and there is no way to change it. We need to add a new setting to allow chaning this type. SurveyCreator.settings.designer.defaultAddQuestionType = "dropdown";

Use the following code to hide "Add New Question" buttons on page and panel on design surface: SurveyCreator.settings.designer.showAddQuestionButton = false;

onProcessHtml event not fired for html question in knockout

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

Bug

What is the current behavior?

When creating a matrix multiple choice question you can override the choices for a column by settings the cell type to dropdown instead of default. Then using the translation tab you can translate these choices.

What is the expected behavior?

I expected the translations for the column specific choices to be used, but they are not. Note that even the primary choices are not translated (tested via the preview tab)

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

{
 "logoPosition": "right",
 "pages": [
  {
   "name": "page1",
   "elements": [
    {
     "type": "matrixdropdown",
     "name": "question1",
     "columns": [
      {
       "name": "Column 1",
       "cellType": "dropdown",
       "choices": [
        {
         "value": "item1",
         "text": {
          "default": "A",
          "nl": "A1"
         }
        },
        {
         "value": "item2",
         "text": {
          "default": "B",
          "nl": "B2"
         }
        },
        {
         "value": "item3",
         "text": {
          "default": "C",
          "nl": "C2"
         }
        }
       ]
      },
      {
       "name": "Column 2"
      },
      {
       "name": "Column 3"
      }
     ],
     "choices": [
      {
       "value": 1,
       "text": {
        "default": "E1",
        "nl": "D1"
       }
      },
      {
       "value": 2,
       "text": {
        "default": "E2",
        "nl": "D2"
       }
      },
      {
       "value": 3,
       "text": {
        "default": "E3",
        "nl": "D3"
       }
      },
      {
       "value": 4,
       "text": {
        "default": "E4",
        "nl": "D4"
       }
      },
      {
       "value": 5,
       "text": {
        "default": "E5",
        "nl": "D5"
       }
      }
     ],
     "rows": [
      "Row 1",
      "Row 2"
     ]
    }
   ]
  }
 ]
}

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

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

Specify your

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

Due a bug, custom widgets are not updated on changing locale if it is located in matrix cell or in dynamic panel.

The following json doesn't work correctly. Binding for nested matrix doesn't work:

{
    elements: [
      {
        type: "paneldynamic",
        name: "panel1",
        panelCount: 2,
        templateElements: [
          { type: "text", name: "q1" },
          {
            type: "matrixdynamic",
            name: "q2",
            bindings: {
              "rowCount": "q1"
            },
            columns: [
              { name: "col1" }
            ]
          }
        ],
      }
    ],
  }

See the screencast: https://www.screencast.com/t/Hre5H7X3fSjF

The following code should add a new property into detail form for itemvalue without addition coding.

Survey.Serializer.addProperty("itemvalue", 
    { name: "prop1", category: "general", choices: ["item1", "item2"], showMode: "form" }
);

New "locale" property is added into Creator. To change locale, please use the following code:

creator.locale = "de";

End-user can't drag on text "The survey is empty. Drag an element from the toolbox or click the button below."

Consider, in your survey/form system you want to hide/show matrix header based on expression and allow your Creator user to set this expression. Right now it will require a lot of code, how, it can be as simple as the following:

Survey.Serializer.addProperty("matrix", { name: "showHeaderIf:condition", category: "logic",
   onExecuteExpression: (obj, res) => { obj.showHeader = res === true; }
});

we need a way to see full tick (y) label with matrix question. And the way we could do it is custom hovertext

SurveyJS uses old approach for completedHtml, completedBeforeHtml and loadingHtml survey properties. As result, Creator property grid doesn't show the default value for these properties.

Creator V2 requires questionTemplate be ready right after cellType property is changed. It means we have to change questionTemplate before chaning cellType.

The bug is reproduced in Creator V2. On selecting column and setting cellType to "text", properties "min" and "max" are not become visible if inputType is "number"

The survey "activePage" is not updated after calling "fromJSON" function as well as navigation bar.

For detailed information see this ticket in the support center

Developers want to add buttons into our navigation bar, for example, "Save" button and the only current solution is to hide our navigation bar and let them to render their own. There should be an easy way to do it. The current solution is to use our action container. It will reduce code in platforms.

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

Bug

What is the current behavior?

The onAfterRenderSurvey event should contain an options object described by this:

The event is fired right after survey is rendered in DOM. sender - the survey object that fires the event. options.htmlElement - a root HTML element bound to the survey object.

Instead I get an array of 3 elements, the root element is in the middle, surrounded by 2 text nodes.

What is the expected behavior?

This is what vue does:

https://plnkr.co/edit/0u9vnEWqshAzzcKX

This is what knockout does: https://plnkr.co/edit/x11Iojb6UqbG28lO

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

See plunkers above

Specify your

• surveyjs platform (angular or react or jquery or knockout or vue): knockout
• surveyjs version: v1.9.22

A checkbox type question, I can't clear it's comment value by clearValue/setComment

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

question

What is the current behavior?

click clear comment button should clear its comment value, but not

What is the expected behavior?

click clear comment button can clear its comment value

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

1. input some value in the other/comment box
2. click clear comment
3. the comment value should be removed

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

Tested page URL: https://codesandbox.io/s/xenodochial-chebyshev-4kbwle

Test code

            this.survey.setComment("car", null);
            this.survey.clearValue("car");

Specify your

• browser: chrome
• browser version: 99.0.4844.84 (Official Build) (64-bit) (cohort: Stable)
• surveyjs platform (angular or react or jquery or knockout or vue): react
• surveyjs version: 1.9.22

https://www.figma.com/file/7QOeoDDCaPuqzWAROR0kDY/SJS-Creator?node-id=13519%3A109427

"When you replace a question type to 'Image Picker' using the dropdown (not the toolbar on the left but the dropdown on a question), it doesn't show you the default images and just shows you an option to add a new image" https://surveyjs.answerdesk.io/internal/ticket/details/T9149

Because we renamed the Test Survey tab, users no longer test surveys - they preview them.

We need to align the message to the center. Compare it to the empty Translation tab:

Let's change the text too: "The survey doesn't contain visible pages or questions"

On setting expression for panel dynamic in logic tab on empty actions section, a JavaScript error is raised.

Settings binding when property grid is modal raised an exception.

"None" is visible/invisible based on "hasOther" property and not "hasNone"

Step to reproduce:

1. go to Nps Example in Creator
2. select the second question, checkbox
3. Go to choices and clear them all, Click on "Clear" button
4. Add new choice

Result the choices action bar will convert to "..."

If value is object in itemvalue, for example: cost newValue = new Survey.ItemValue({ id: 1, value: 5, text: "MyValue"}); then it doesn't work correctly if Survey.settings.itemValueAlwaysSerializeText = true;

There is no context except expression on creating "ExpressionExecutor". Right we set expression as a property after the object was created. It is too late. We have to make expression read-only and pass it into constructor, it gives the ability to use different expression engines based on expression.

The bug can be reproduced in Creator V2 on designer. Drop checkbox question, set column to 2 and clear choices. You will see that "Select All", "None", "Others" items will be rendered twice.

The following JSON doesnt' work correctly. maxRendered value equals to today, instead of today + 30 days.

{
    name: 'question1',
    type: 'text',
    inputType: 'date',
    title: 'Select a date:',
    isRequired: true,
    minValueExpression: 'today()',
    maxValueExpression: 'today(30)',
},

Screencast Test project

Steps to reproduce:

1. Open the Survey Creator: https://surveyjs.io/create-survey
2. Click Add Question for Page 2. Page shouldn't contain any questions before you do that.

Creator V1 has creator.onDragDropAllow event. It is missed in V2.

https://codesandbox.io/s/hidden-wind-qhh3vb

Steps to reproduce:

1. Open the console
2. Click the Add New Survey button
3. Click Add Question in Survey Creator

The following event has been added into Creator:

  /**
   * The event is called when creator is going to change the active tab.
   * <br/> sender the survey creator object that fires the event
   * <br/> options.tabName the name of new active tab
   */
  public onActiveTabChanging: : Survey.Event<(sender: CreatorBase, options: any) => any,  any>;

There is error when you try to add more question type based on rating TypeError this.creator.getLocString is not a function

Code that adds new instance: Survey.ComponentCollection.Instance.add({ name: "newrating", title: "SuperRating", elementsJSON: [ { "type": "rating", "name": "superrating", "title": "1", "isRequired": true, "rateMin": 0, "rateMax": 10, "minRateDescription": "1", "maxRateDescription": "2" } ] });

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

Tested page URL: https://codesandbox.io/s/shy-surf-lgp5vn?file=/src/SurveyCreatorComponent.jsx

Versions that also reproduce issue

"survey-core": "^1.9.8",
"survey-creator-react": "^1.9.8-beta.1",
"survey-react": "^1.9.8",
"survey-react-ui": "^1.9.8",

autoComplete property editor should show the list of possible values.

We do not need a root Creator property _stateValue to be reactive. It triggers re-rendering Creator on a property change of any object.

Filter is not applied to matrixdropdown visualizer content (if other question is filtered)

See the https://surveyjs.answerdesk.io/internal/ticket/details/T8823 thread for more details

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

also see https://dkane.net/2020/better-horizontal-bar-charts-with-plotly/

See the https://surveyjs.answerdesk.io/ticket/details/t8264/saving-panel-state thread for more details

Vertical bar chart Set Y axis value as predefined [X= 1 to 10, y=0% , 25 %, 50 %, 75% , 100%]

See the https://surveyjs.answerdesk.io/internal/ticket/details/T9142 thread for more details

Visualize selectbase question (radiogroup, dropdown and checkbox) as a table with percent and answer count.

See the https://surveyjs.answerdesk.io/ticket/details/t9084/is-it-possible-to-show-table-format-data-in-analytic-pack thread for more details

Current Behavior - the SurveyJS example demonstrates this issue perfectly:

It should be obvious that the ordering is horrendous - No user starts typing in "Peugeot" with a "t" - they would start typing Toyota with a "t". Ultimately, this issue makes this library unusable with large autocomplete sets, as users need to type in a significant portion of the entire item before autocorrect even displays the item they want in the list.

EasyAutocomplete can be reconfigured to sort properly - is there any interest in doing this, or adding support for a better autocomplete option, given how EasyAutocomplete has not been updated (other than by dependabot) since October 5th, 2019 (so for nearly 3 years), and also fails to provide the basic feature of enter selects first element?

The following JSON doesn't work:

        {
            "name": "date",
            "type": "datepicker",
            "inputType": "date",
            "title": "Your favorite date:",
            "dateFormat": "mm/dd/yy",
            "isRequired": true,
            "minValueExpression": "today()",
            "maxValueExpression": "today(10)"
        }        

If "multiselect" property is set to true then function "supportGoNextPageAutomatic()" should return false.

By default in Creator V2 we show on designer surface for select base questions (radigroup, checkbox, dropdown) Select All, None and has Others. By setting: Survey.settings.showDefaultItemsInCreatorV2 = false; they will not be shown.

Setting matrix.cells doesn't update cells text in matrix. The question is not re-rendered.

On changing locale navigation title and description are updated for the current page only, but they have to be updated for all pages.

On setting/removing cells property do not convert matrix to matrix rubric and vice versa

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

Bug

What is the current behavior?

The cursor changes to pointer, which indicates that you can interact with it. Additionaly clicking on it gives feedback, like something should happen (but of course doesn't).

What is the expected behavior?

No click events and no changing cursor.

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

Add a question of type file.

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

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

Specify your

• browser: Chrome 98
• editor version: 1.9.14

https://user-images.githubusercontent.com/10886924/154705358-96b55247-7313-420d-99a8-eebbd2367066.mp4

https://www.figma.com/file/7QOeoDDCaPuqzWAROR0kDY/SurveyJS?node-id=9414%3A51795

• fix shadow
• fix corner rounding
• check styles in safari

https://www.figma.com/file/7QOeoDDCaPuqzWAROR0kDY/SurveyJS?node-id=2281%3A116403 Referenced to https://github.com/surveyjs/survey-library/issues/3965

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

Bug in V2 React. Seems to work fine in V2 Knockout.

What is the current behavior?

1. On a new empty survey designer page add a question. (surveyjs example: here)
2. Switch to any other tab and return back to the designer page.
3. Delete question1 and then page1.
4. Survey still shows page2. When I switch the tab now and return back it shows empty. But when I again add a question the empty page message still appears and the layout seems to be broken.

Please refer attached video:

https://user-images.githubusercontent.com/13827554/157854882-f8ecc370-8c7c-4598-8257-603e80ca44cf.mp4

What is the expected behavior?

The survey designer should be empty on deleting all pages and questions immediately.

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

Mentioned above with video

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

Tested page URL: https://surveyjs.io/Examples/CreatorSinglePage?id=options&platform=ReactjsV2&theme=modern

Test code

your_code_here

Specify your

• browser: Chrome 99
• editor version: 1.9.19

Logic tab doesn't support Page enableIf property in V1 and V2.

Allow to define different brackets from "".

SurveyCreator.settings.logic.openBracket = "[";
SurveyCreator.settings.logic.closeBracket = "]";

defaultValueExpression property is not showing in property grid for matrix column

https://www.figma.com/file/7QOeoDDCaPuqzWAROR0kDY/SurveyJS?node-id=2641%3A1703

The order of triggers execution is important. They perform one by one. That is why we have to allow Creator users to change the order.

• check pager styles
• leave space between pager and survey

Add margin in 4px between toolbox items

https://www.figma.com/file/7QOeoDDCaPuqzWAROR0kDY/SurveyJS?node-id=2341%3A99230

The bug was reported on SurveyJS Support forum

• allow only one expаnded row
• collapse all rows after D&D start

https://surveyjs.io/Examples/Library?id=questiontype-matrixdynamic-detail&platform=Reactjs&theme=defaultV2

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

  Survey.Serializer.addProperty('question', {
    name: 'someProp',
    displayName: ' ',
    type: 'itemvalues',
  });
  var editor = new SurveyCreatorCore.PropertyGridEditorMatrixItemValues();
  editor.getAllowRowDragDrop = function (prop) {
    return prop.name !== "someProp";
  }
  SurveyCreatorCore.PropertyGridEditorCollection.register(editor);

There is a code that using window object without checking that it exists.

If you set the showSidebar to false , the sidebar will still expand.

The following code will generate error in console. We do not support content question component correctly.

    ComponentCollection.Instance.add({ name: 'comp', questionJSON: { type: 'rating', choices: ['A', 'B'] } });
    const json: any = {
        questions: [
            {
                titleLocation: 'hidden',
                name: 'comp',
                type: 'comp'
            }
        ]
    };
    const survey: SurveyPDF = new SurveyPDF(json, {});

https://www.figma.com/file/7QOeoDDCaPuqzWAROR0kDY/SurveyJS?node-id=10034%3A78270

https://www.figma.com/file/7QOeoDDCaPuqzWAROR0kDY/SurveyJS?node-id=10034%3A78153

visibleIf in the following JSON doesn't work on changing comment:

{
    "elements": [
      {
        "type": "radiogroup",
        "name": "question1",
        "choices": [
          "item1",
          "item2",
          "item3"
        ],
        hasComment: true
      },
      {
        type: "text",
        name: "question2",
        visibleIf: "{question1-Comment.length} > 3"
      }
    ]
  }

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

bug

What is the current behavior?

Package survey-knockout-ui v1.9.18 doesn't build with TypeScript, with the following error:

node_modules/survey-knockout-ui/survey-knockout-ui.d.ts(16,25): error TS2300: Duplicate identifier 'Model'.
node_modules/survey-knockout-ui/survey-knockout-ui.d.ts(18,10): error TS2300: Duplicate identifier 'Model'.

What is the expected behavior?

Package survey-knockout-ui builds properly with TypeScript (like it did with v1.9.14)

Specify your

• browser: Chrome
• browser version: 98
• surveyjs platform (angular or react or jquery or knockout or vue): knockout
• surveyjs version: 1.9.18

Allow to override our default expression executor

Complete button is visible after this line code:

survey.mode = "display";

It should become invisible.

calcInArray function doesn't work for non-numeric values as result "count" tota type in column works incorrectly. Here is the related issue on SurveyJS support forum.

similar to rendered rows

• padding between actions & conditions https://www.figma.com/file/7QOeoDDCaPuqzWAROR0kDY/SurveyJS?node-id=7994%3A51953
• "Add new rule" button disabled if new rule doesn't saved
• hover & focus states of expand buttons conflict with each other

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

Steps to reproduce:

1. Open creator
2. Click Clear Survey button (at this step everything works good)
3. Add some questions
4. Click Clear Survey button again
5. There will be page 2

For detailed information see this thread in the support center

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

I just found out that even 2-way-data-binding is not working as expected: if you have the tagbox set with multiple values allowed, even if you deselect every single option, survey.data still contains the latest selected value.

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

v2 bug

What is the current behavior?

In pageEditMode single, when opening a blank editor, navigating to the "Preview" tab throws a runtime error and is not possible.

ERROR TypeError: Cannot read properties of undefined (reading '0') at SurveyCreator../src/creator-base.ts.CreatorBase.singlePageJSON (survey-creator-core.js:11374:1)

This seems to be the problematic line in the code: https://github.com/surveyjs/survey-creator/blob/master/packages/survey-creator-core/src/creator-base.ts#L1769

What is the expected behavior?

In pageEditMode single, when opening a blank editor, navigating to any tab should work without errors being thrown.

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

• Set pageEditMode to single
• Initialize the editor with a blank JSON (I tested null and {})
• Without adding any questions, navigate to the "Preview" tab

Specify your

• browser: Chrome 98
• editor version: 1.9.15-beta.0

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

v2 bug

What is the current behavior?

I have set pageEditMode to single. Since version 1.9.15-beta.0, in most of the cases the user is not able anymore to see or fill out page information, which is nice. But there is one edge case: After removing the last question, the right menu switches to "page" mode, and the user can fill out page information.

What is the expected behavior?

In pageEditMode single, after removing the last question, the right menu switches to "survey" mode.

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

• set pageEditMode to single
• Open a blank survey
• Add a question
• Remove the question

The right menu now is in "page" mode.

Specify your

• browser: Chrome 98
• editor version: 1.9.15-beta.0