Issue: when the Comment question's autoGrow optoin is enabled, the size grip remains available. As a result, customers can resize the visible comment area. Example

https://github.com/surveyjs/survey-library/assets/22372972/ce91c191-525c-4773-9d4e-8c90025e5c01

Expected behavior: the autoGrow setting behaves as the survey.autoGrowComment property. That is, when the autoGrow option is enabled, the size grip is not available and users cannot resize the visible comment area.

https://github.com/surveyjs/survey-library/assets/22372972/57745f81-5591-41a1-b97a-811bf1eaf8e4

User issue: T13208 - rating question on mobile switch to horizontal button bar when the screen display size keeps the same https://surveyjs.answerdesk.io/internal/ticket/details/T13208

The Rating scale has the default displayMode which sets that the question is displayed as buttons on wide screens and as a dropdown on smaller screens.

However, in Angular, the Rating scale may appear as a dropdown or buttons: https://codesandbox.io/s/surveyjs-angular-forked-nl90qv?file=/src/main.ts.

{
  type: "rating",
  name: "satisfaction-auto",
  title: "How satisfied are you with our product?",
  description: "Display mode = Auto",
  minRateDescription: "Not satisfied",
  maxRateDescription: "Completely satisfied"
 }

https://github.com/surveyjs/survey-library/assets/22372972/6cc6d120-dab8-4c53-8f9f-f20c4cad2348

The Creator doesn't allow inserting an element between two rows of multiple questions:

Example.

https://user-images.githubusercontent.com/17025812/232077565-9385859a-999f-442f-8ed6-8f2292753c83.mov

https://cdn.discordapp.com/attachments/1091253969071906847/1110166853503942666/Screenshot_2023-05-22_at_15.18.08.png

User issue: T13215 - [Bug] Double Value in choice https://surveyjs.answerdesk.io/internal/ticket/details/T13215

The issue is reproduced at https://surveyjs.io/create-free-survey.

https://github.com/surveyjs/survey-creator/assets/22372972/f9b7beef-477e-4a52-8a72-145e8d7239cd

https://surveyjs.io/dashboard/documentation/api-reference/visualizerbase#registerToolbarItem

Currently any string is a valid value for a question name, however in https://github.com/surveyjs/survey-library/issues/4918 a sort of fix was applied to remove the '#' if it was the start of a question name.

First of all this fix doesn't really work, it removes the first character, however entering a name like ###abc still creates such a bad question name.

• No real documentation on what is valid

Question names should be treated like variable names; they are used in expressions in multiple places and having a clear syntax for them helps survey creators create better surveys.

I propose picking a standard variable naming convention like:

• Names can contain letters, digits, underscores and unicode characters
• Names must not begin with a digit
• Names are case sensitive

This is a break in backwards compatibility, but it probably (no reference data on this, just a feeling) won't affect many users.

Advantage of such a syntax is that we can easily validate it using a regex instead of magically fixing it like was done in #4918.

Regex for proposed syntax: ^[a-zA-Z][\w\d_]*$.

• Makes the JSON result object easier to read
• Makes expressions easier to parse
• Reduces chance for weird conversions when going between languages:

echo json_encode(json_decode('{"0": "a"}', true));
// ["a"]

• Allows for clean implementation of custom syntax, like # for suppressing type jungling #4918
• Or $ for identifying the result object root (#5521)
• Or . for identifying a subkey.

Reporting a bug

Active fields inside a question is not made available to VoiceOver in iOS

Pure blind swiping on iOS with VoiceOver should allow a user to answer all question types.

1. Using an iOS device, Enable VoiceOver
2. Swipe right to advance through the survey (you cannot single-click on anything, close your eyes, pretend to be blind)
3. Double-tap to "activate" stuff.

Not working:

• Text fields: https://surveyjs.io/form-library/examples/s/text-entry-question/reactjs
• NPS: https://surveyjs.io/form-library/examples/s/nps-question/reactjs

Working example:

• Radio buttons: https://surveyjs.io/form-library/examples/s/how-to-configure-and-embed-product-market-fit-survey/reactjs
• Text field (navigate till example field): https://www.w3.org/WAI/tutorials/forms/instructions/

• browser: Safari iOS
• browser version: 16.4.1 (latest)
• surveyjs platform (angular or react or jquery or knockout or vue): react & knockout (possibly others)
• surveyjs version: 1.9.84

The Chrome "Accessibility Tree View" reveals that the question div has a role of textbox which, once removed, allows iOS VoiceOver to correctly work. Working question types, such as radiogroup do not have the textbox role added to the question div.

<div id="sq_107" class="sd-element--nested sd-element sd-question sd-row__question" role="textbox" aria-required="false" aria-invalid="false" aria-labelledby="sq_107_ariaTitle" data-rendered="r" data-name="nps-score">

Adding the following awful workaround make VoiceOver work on most question that previously failed:

window.survey.onAfterRenderSurvey.add(function (sender, options) {
        const removeTextboxRoles = function () {
            document.querySelectorAll("[role=textbox]").forEach(function(el) {
                el.removeAttribute("role");
            });
        };
        // Need timeout otherwise the document does not have the question divs yet
        setTimeout(removeTextboxRoles, 1);
    });

I think the controls should be aligned to the center.

Reporting a (styling) bug

There is no top padding between the navigation/action bar at the bottom of the survey that seperates it from the survey page. Next and Complete buttons appear collided with the survey page

There is some vertical white space between the buttons and the survey.

1. Open an example of survey such as : https://surveyjs.io/form-library/examples/nps-question/reactjs
2. Switch the theme by clicking on the icon with the bucket on the top bar of the survey ( switch to "default" ).
3. Observe the position of the "Next" / "Complete" button

• browser: Firefox
• browser version: Version 112.0.2 (64-Bit)
• surveyjs platform (angular or react or jquery or knockout or vue): React
• surveyjs version: 1.9.85

Original issue: T13037 - Accessibility - Required ARIA attributes not present: aria-expanded, aria-controls

To reproduce the issue, open the Dropdown demo and run the Accessibility Insights for Web in Fast Pass mode.

The following error appears (Level A)

Title: WCAG 4.1.2: Ensures elements with ARIA roles have all required ARIA attributes (#sq_100)
Tags: Accessibility, WCAG 4.1.2, aria-required-attr

Issue: Ensures elements with ARIA roles have all required ARIA attributes (aria-required-attr - https://accessibilityinsights.io/info-examples/web/aria-required-attr)

Target application: https://surveyjs.io/form-library/examples/s/create-dropdown-menu-in-javascript/reactjs - https://surveyjs.io/form-library/examples/s/create-dropdown-menu-in-javascript/reactjs

Element path: #sq_100

Snippet: <div id="sq_100" class="sd-element--with-frame sd-element sd-question sd-row__question sd-row__question--small" role="combobox" aria-required="true" aria-invalid="false" aria-labelledby="sq_100_ariaTitle" data-rendered="r" data-name="car">

How to fix: 
Fix any of the following:
  Required ARIA attributes not present: aria-expanded, aria-controls

Environment: Chrome version 113.0.0.0

====

This accessibility issue was found using Accessibility Insights for Web 2.38.1 (axe-core 4.6.3), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.

Task: preload files to a survey File question.

In v1.9.66, the survey.mergeData works correctly and the file appears on survey start: https://codesandbox.io/s/dry-water-fnxrex?file=/src/SurveyComponent.jsx

 survey.mergeData({
    files: [
      {
        name: "maxresdefault.jpg",
        type: "image/jpeg",
        content:
          "https://api.surveyjs.io/private/Surveys/getTempFile?name=89c8b259-9e2a-4b18-83e4-3c70f019c962.jpg"
      }
    ]
  });

In v1.9.86, the following exception appears: https://codesandbox.io/s/confident-fire-rd9ppk?file=/package.json.

file.content.substring is not a function

bug

firstPageIsStarted = true breaks TOC navigation

https://plnkr.co/edit/A9fE4JD43I5Kck8d

thank you

QUnit.test("Composite: with expression", function (assert) {
  const json = {
    name: "elementsettings",
    elementsJSON: [
      {
        name: "corner",
        type: "text",
        inputType: "number",
        defaultValue: 0
      },
      {
        type: "expression",
        name: "cornerRadius",
        expression: "{composite.corner}+\"px\"",
        visible: false
      }
    ],
  };
  ComponentCollection.Instance.add(json);
  const survey = new SurveyModel({
    elements: [{ type: "elementsettings", name: "q1" }],
  });
  let _data = {};
  let onValueChangedCounter = 0;
  survey.onValueChanged.add((sender, options) => {
    onValueChangedCounter++;
    _data = {};

    if (options.question?.getType() === "elementsettings") {
      Object.keys(options.value).forEach(key => {
        if (key === "corner") return;
        _data[`${options.name.toLocaleLowerCase()}-${key}`] = options.value[key];
      });
    }
  });
  const q = <QuestionCompositeModel>survey.getAllQuestions()[0];

  assert.equal(_data["q1-corner"], undefined);
  assert.equal(_data["q1-cornerRadius"], undefined);
  assert.equal(onValueChangedCounter, 0);

  q.value = { corner: 4 };
  assert.equal(_data["q1-corner"], undefined);
  assert.equal(_data["q1-cornerRadius"], "4px");
  assert.equal(onValueChangedCounter, 1);

  ComponentCollection.Instance.clear();
});

If you cancel the download of the picture (press ESC), then the focus moves somewhere to the beginning of the application. Also, the button itself still remains as if focused.

As soon as the image is uploaded, the second image upload dialog immediately appears. And so on ad infinitum if you use the keyboard (confirm image loading by enter). If you click the Upload button in the dialog, then everything is fine.

https://plnkr.co/edit/wJOGNX6rrKW0dofk

Hover styles apply only partially: color from the custom class, background-color from the .sd-btn class, although the custom class specifies its own background-color that should override the default class style.

It was originally reported in the following thread that some HTML styles are not applied correctly:

The following survey appears as expected in React (example).

export const json = {
  elements: [
    {
      type: "text",
      name: "q1",
      title:
        "<span style='font-size:12px'><strong><span style='font-family:Comic Sans MS,cursive'><span style='color:#f1c40f'>HI</span></span></strong></span>"
    }
  ],
  showQuestionNumbers: false
};

However, in Angular, the text is not rendered with the specified color (example).

To reproduce the issue, run this example and uncheck all checkboxes. The 'Add New' button appears twice.

Original issue: T13132 - Description char count mis-match https://surveyjs.answerdesk.io/internal/ticket/details/T13132

Example Expected behaviour:

Current behaviour:

after F5

Creator doesn't display added questions or controls that allows adding a question when renderMode is different from "list". currentPanel should be template panel for design-time.

https://plnkr.co/edit/8p99hOycFQmjN1LD

Video

I tried to configure matrix columns using in-cell editors:

1. Select a column from the survey element selector.
2. Change the column editor type in Property Grid.
3. Click the pencil adorner in a matrix cell.

Result: Property Grid switches to row configuration. Expected result: Property Grid continues to display column confguration.

Original issue: T12847 - Survejs V2 migration - Logo in survey title - Remove https://surveyjs.answerdesk.io/internal/ticket/details/T12847

Survey Creator V1 has a delete logo option in a design surface:

However, Survey Creator V2 doesn't:

It is possible to only remove a logo in a Property Grid.

Suggestion: add an option to remove a logo to the survey creator design surface.

https://www.figma.com/file/7QOeoDDCaPuqzWAROR0kDY/Creator?node-id=15685-138785&t=Vg6ZzxB2DvJMKFYC-0

Example

Issues with the Required validation:

• The validation message does not disappear when a single char remains:

https://github.com/surveyjs/survey-creator/assets/22372972/510fcd16-2c21-4c87-a87f-77e6acde1fb7

• I cannot clear the field - a single character is always presented.

Original issue: https://surveyjs.answerdesk.io/internal/ticket/details/T13187

Example Single-Choice Matrix has a rowTitleWidth property. However, it isn't applied in PDF.

Original issue: T12972 - PDF generation (image) issues in Mac/Safari https://surveyjs.answerdesk.io/internal/ticket/details/T12972

To reproduce the issue, run the following demo in Safari (MacOS) and export a survey: https://surveyjs.io/pdf-generator/examples/customize-header-and-footer-of-pdf-form/reactjs.

The PDF document appears as follows:

The issue is reproducible in the demo from the survey js website when viewing this from the IOS VoiceOver screen reader. https://surveyjs.io/survey-creator/examples/add-full-name-to-form-template/reactjs

Bug

The IOS VoiceOver screen reader focuses on the background of the composite question and skips the text entry fields.

The expected behaviour is that the text entry fields would be navigate-able from the screen reader. When navigating the survey the screen reader should focus each of the input fields.

Go to this survey-js demo (https://surveyjs.io/survey-creator/examples/add-full-name-to-form-template/reactjs) and enter the preview mode. Then enable the screenreader on your IOS device (VoiceOver) and try to navigate through the survey.

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

When cookieName is set and the survey has already been submitted once, completedHtml is shown if user returns on the survey.

According to the docs, completedBeforeHtml should be shown.

cookieName property

A cookie name used to save information about survey completion. When this property has a value, the survey creates a cookie with the specified name on completion. This cookie helps ensure that users do not pass the same survey twice. On the second run, they will see the Completed Before page.

Can be easily reproduced using the example: https://surveyjs.io/form-library/examples/survey-cookie/reactjs

• surveyjs platform (angular or react or jquery or knockout or vue): all
• surveyjs version: 1.9.84

Pressing Enter doesn't work.

T12960 - Default value for property https://surveyjs.answerdesk.io/internal/ticket/details/T12960

Looking to fix #6060, I've seen some code which could be problematic.

public doComplete(isCompleteOnTrigger: boolean = false): boolean {
  [...]
  this.setCookie();
  this.saveDataOnComplete(isCompleteOnTrigger);
  [...]
}
private saveDataOnComplete(isCompleteOnTrigger: boolean = false) {
  let previousCookie = this.hasCookie;
  [...]
  if (!previousCookie && this.surveyPostId) {
    this.sendResult();
  }
  [...]
}

Unless I miss something, on doComplete(), if survey service is used, sendResult() won't be called (whereas it should be).

• surveyjs version: 1.9.86

https://surveyjs.io/form-library/examples/survey-titletagnames/

This demo shows how to change heading levels (for example, use <h1> instead of <h3> for the survey title). However, if you do that, title styles no longer apply: the survey title is black instead of green.

The choice options of the Rating | autoGenerate property are hardcoded and cannot be translated: https://github.com/surveyjs/survey-library/blob/master/src/question_rating.ts#L831

Original issue: T13051 - Hardcoded text value for autoGenerate field https://surveyjs.answerdesk.io/internal/ticket/details/T13051

Original issue T13049 - Surveyjs V2 migration - Timer/Quiz property is not working https://surveyjs.answerdesk.io/internal/ticket/details/T13049

Expected behavior: a timer is activated when a user opens a preview for a quiz. A React demo

Current behavior The timer is not started. An Angular demo

No sure that this behaviour is correct.

To reproduce the issue, run this demo and notice that Page 2 is available on the left-side navigation bar, however, the Page 2 is not actually visible. To make this page visible, set the first input to test.

Expected behavior: Page 2 is not available in Table Of Contents unless it is made visible.

Original issue: T13096 - Adding visibleif property for page is not hiding the page index from https://surveyjs.answerdesk.io/internal/ticket/details/T13096

We need to add templateVisibleIf property to filter panels. There are several user cases when filtering is needed.

Original issue: T13025 - Error with uploaded documents. [urgent] https://surveyjs.answerdesk.io/internal/ticket/details/T13025

Issue: load a File questoin content from code using the survey.mergeData function:

survey.mergeData({
      image: [
        {
          name: "maxresdefault.jpg",
          type: "image/jpeg",
          content:
            "data:image/jpeg;base64,..."
        }
      ]
    });

It works with v1.9.66: https://codesandbox.io/s/surveyjs-angular-forked-8dh4c2?file=/src/app/components/survey.component.ts

With v1.9.87, no preview appears: https://codesandbox.io/s/surveyjs-angular-forked-omm0uj?file=/package.json

• surveyjs/survey-library#5731

Suggestion: display an upload / plus button instead - for example, how it's done for Image Picker:

Original issue: T10823 - The missing image icon in the static image question

T12986 - Undo button working incorrectly https://surveyjs.answerdesk.io/internal/ticket/details/T12986

https://user-images.githubusercontent.com/22372972/236536721-192b4b22-e053-4cae-90d9-a5df4b45115c.mp4

Original issue: T12987 - Can’t put a return in the middle panel, but can on the right hand side https://surveyjs.answerdesk.io/internal/ticket/details/T12987

https://user-images.githubusercontent.com/22372972/236538177-e6b1e949-5ed0-4ce3-b45a-aa1935eab777.mp4

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

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/alert_role

If a custom widget is registered in

ElementFactory.Instance.registerCustomQuestion(customWidgetName);

then showInToolbox property is ignored.

Buttons/checks for checkbox and radiogroup may not needed if selected choices are rendered only. We need to add option that will allow do not render these buttons/checks. Here is the related issue on SurveyJS support forum.

• surveyjs/survey-library#5659
• surveyjs/survey-library#5680
• surveyjs/survey-library#5827
• surveyjs/survey-library#5916
• surveyjs/survey-library#5939
• surveyjs/survey-library#5971
• surveyjs/survey-creator#3963
• surveyjs/survey-library#5998
• #5973
• https://github.com/surveyjs/service/issues/1056
• https://github.com/surveyjs/survey-pdf/issues/223

Source issue: T12809 - onGetChoiceDisplayValue fire multiple times https://surveyjs.answerdesk.io/internal/ticket/details/T12809

Issue: the onGetChoiceDisplayValue callback fires multiple times though the Dropdown question appears just once; this causes multiple network requests. The issue can be reproduced on the following demo: https://surveyjs.io/form-library/examples/lazy-loading-dropdown/knockoutjs.

Wide survey.

User issue: T12913 - The Cannot read proprties of undefined exception is thrown when clearing a dropdown question value https://surveyjs.answerdesk.io/internal/ticket/details/T12913

Example

To reproduce the issue, select a Dropdown item, navigate to the next page, navigate back to the Dropdown page, and click the Clear button to remove a selected item. The following error appears in the console:

ERROR TypeError: Cannot read properties of undefined (reading 'renderAs')
    at SurveyStringComponent_Template (ng:///SurveyStringComponent/ɵcmp.js:16:88)

    at executeTemplate (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:4800:231)

    at refreshView (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:4769:163)

    at refreshComponent (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:5101:165)

    at refreshChildComponents (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:4711:1733)

    at refreshView (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:4778:57)

    at refreshEmbeddedViews (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:5085:996)

    at refreshView (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:4774:40)

    at refreshEmbeddedViews (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:5085:996)

    at refreshView (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:4774:40)

    at refreshComponent (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:5101:165)

    at refreshChildComponents (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:4711:1733)

    at refreshView (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:4778:57)

    at refreshComponent (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:5101:165)

    at refreshChildComponents (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:4711:1733)

    at refreshView (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:4778:57)

    at refreshEmbeddedViews (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:5085:996)

    at refreshView (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:4774:40)

    at refreshEmbeddedViews (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:5085:996)

    at refreshView (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:4774:40)

    at refreshEmbeddedViews (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:5085:996)

    at refreshView (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:4774:40)

    at refreshEmbeddedViews (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:5085:996)

    at refreshView (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:4774:40)

    at refreshEmbeddedViews (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:5085:996)

    at refreshView (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:4774:40)

    at refreshEmbeddedViews (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:5085:996)

    at refreshView (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:4774:40)

    at refreshEmbeddedViews (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:5085:996)

    at refreshView (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:4774:40)

    at refreshEmbeddedViews (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:5085:996)

    at refreshView (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:4774:40)

    at refreshEmbeddedViews (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:5085:996)

    at refreshView (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:4774:40)

    at refreshEmbeddedViews (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:5085:996)

    at refreshView (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:4774:40)

    at refreshEmbeddedViews (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:5085:996)

    at refreshView (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:4774:40)

    at detectChangesInternal (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:5177:265)

    at ViewRef$1.detectChanges (https://xfq04y.csb.app/node_modules/@angular/core/fesm2020/core.mjs:5438:24)

    at ElementComponent.detectChanges (https://xfq04y.csb.app/node_modules/survey-angular-ui/fesm2015/survey-angular-ui.js:956:33)

    at eval (https://xfq04y.csb.app/node_modules/survey-angular-ui/fesm2015/survey-angular-ui.js:943:16)

• dropdown is not closed

• input is not centered

• we need to hide component on input

Original issue: T12929 - Survey Runner dropdown choices are not populating when switching between the pages?
https://surveyjs.answerdesk.io/internal/ticket/details/T12929

Example

To reproduce the issue, follow these steps:

• Select an item on the first page

• Navigate to the second page

• Switch back to the first page

• Try to open a drop-down - the drop-down is not opened.

T3350 - Custom widget: Emotions Ratings https://surveyjs.answerdesk.io/internal/ticket/details/T3350 A tooltip displays the numeric value which corresponds to an item:

Suggestion: allow users define text for smiley items.

{
 "focusFirstQuestionAutomatic": false,
 "pages": [
  {
   "name": "page1",
   "elements": [
    {
     "type": "rating",
     "name": "satisfaction-smileys-monochrome",
     "title": "How satisfied are you with our product?",
     "description": "Smiley rating with monochrome scale",
     "rateType": "smileys",
     "rateCount": 10,
     "rateMax": 10
    }
   ]
  }
 ],
 "showQuestionNumbers": "off"
}

To reproduce this, run the demo and select all cars. A matrix appears as follows:

Suggestion: add an option to decrease the size of rate items in matrices. For instance: a global Survey.setting.rateItemSizeMode: small | normal.

T12934 - SurveyJS Dropdown scroll issue on mobile https://surveyjs.answerdesk.io/internal/ticket/details/T12934

Original issue: T12974 - complete trigger issue with matrix question https://surveyjs.answerdesk.io/internal/ticket/details/T12974

Example Task: to activate a complete trigger when a Single-Choice Matrix has any of the listed options selected for a specific row:

triggers: [
    {
      type: "complete",
      expression:
        "{question2.PGA Tour} anyof ['I do not follow this sport at all', 'I look at this sport when it\\'s in the news or on my timeline, but don’t really keep up with it consistently', 'I keep up with this sport when I can and follow some events']"
    }
]

If you select a target value, the Complete button is activated:

Click another row, and notice that a Complete button disappears:

There is no check on file.content that could be undefined. Here is the related issue on SurveyJS support forum.

Original issue: T12919 - Survejs V2 migration - Problem changing question type from 3rd party question https://surveyjs.answerdesk.io/internal/ticket/details/T12919

To reproduce the issue, run the following demo: https://surveyjs.io/survey-creator/examples/integration-with-third-party-libraries/reactjs.

Add a No UI Slider question, and try to change the question type to Bar Rating. The question appears as follows:

To reproduce the issue, drop a Multiple-Choice Matrix to a Survey Creator, select a column, expand the Cell Type dropdown and try to select the Rating Scale type:

The following exception is thrown:

React-dom.production.min.js:63 Uncaught TypeError: e.useRateValues is not a function
    at t.useRateValues (survey-creator-core.min.js:13:509868)
    at t.allowAddForElement (survey-creator-core.min.js:13:511039)
    at t.updateAllowAddRemove (survey-creator-core.min.js:13:551205)
    at t.onCreated (survey-creator-core.min.js:13:551343)
    at Object.onCreated (survey-creator-core.min.js:13:252361)
    at e.onQuestionsCreated (survey-creator-core.min.js:13:256910)
    at e.setupObjPanel (survey-creator-core.min.js:13:256344)
    at e.setObj (survey-creator-core.min.js:13:261692)
    at e.onValueChanged (survey-creator-core.min.js:13:266112)
    at Array.<anonymous> (survey-creator-core.min.js:13:261829)

The following settings are not listed in API documentation: https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator.

surveyCreator.toolboxLocation = "sidebar";
surveyCreator.sidebarLocation = "right";

T12966 - Layout of Survey Creator https://surveyjs.answerdesk.io/internal/ticket/details/T12966

Example

surveyResult (93).pdf

surveyViaBlob (1).pdf

Original issue: T12903 - The header text appears above the header image when exporting a survey to a raw PDF https://surveyjs.answerdesk.io/internal/ticket/details/T12903

Expected output:

Export to raw PDF:

Issue: if you use the DocController.addFont() function to load a custom font, the useCustomFontInHtml option is not enabled because of the following code line: https://github.com/surveyjs/survey-pdf/blob/master/src/doc_controller.ts#L265

Example: https://plnkr.co/edit/VJIVHAvTNuplfikD

Also, some questions: in doc, we outline that the following options are obsolete: DocOptions.base64Normal DocOptions.base64Bold

However, the following demo uses base64Bold: https://surveyjs.io/pdf-generator/examples/custom-fonts-in-pdf-form/reactjs.

There is no way to provide a custom file name for download files in tabulator. Here is the ticket in SurveyJS Support forum.

Hello! It would be nice to support for images in Ranking question type. Something like a union of Ranking and Image picker question types.

To reproduce the issue, add a panel with questions, and enable the panel.isRequired option. The validation message appears as follows:

Example

Expected behavior: the validation message appears as follows.

Open the demo: https://surveyjs.io/form-library/examples/dynamic-matrix-table-question-with-dropdown-cell-type

Click Complete: the error message doesn't stretch to the end of a row.

Original issue: T12689 - Creator Background Image.

Suggestion: add settings to configure a background image. For instance, the fit mode.

To reproduce the issue, run the demo and click the input field. I can reproduce the following issues:

The cursor jumps to the beginning of the input field. When you start typing, the text overrides the existing input text.

https://user-images.githubusercontent.com/22372972/233621080-922cc471-a1d4-4729-953c-6767350e171a.mp4

Original issue: T12791 - A third-party Camera question: https://surveyjs.answerdesk.io/internal/ticket/details/T12791

The page.addNewQuestion function fails to add a new question of a custom-defined type.

An example with a Datepicker: https://plnkr.co/edit/ob9bwQHUNGZm76hX

Question Panel - border-radius: 4px; Editors - (textEdit based) - border-radius: 4px; CheckBox - border-radius: 2px; Panels - border-radius: 4px; Nested Panel - border-radius: 0px; Drop-Down Popup - border-radius: 4px; List item Hover, Selected, Focused - border-radius: 4px; TagBox Item - border-radius: 2px; Image Picker Item - border-radius: 4px; Buttons - border-radius: 4px;

Changed: TextEdit 4px ListItem 4px Checkbox 2px

If you select an item from the drop-down list, the item appears correctly; however, when you move the focus out of the input field, the input no longer displays the display text but an item value instead.

https://user-images.githubusercontent.com/22372972/233621196-ed7d543f-0673-450d-b470-306a4aec59d4.mp4

If a trigger "complete" triggers are executing on completing survey then onComplete event can be raised more than one time. We should not checks "complete" triggers on completing survey.

The following code:

Survey.Serializer.findProperty("survey", "title").isLocalizable = false;

will lead to issues in creator. For example property grid will not show title value correctly, it will be always an empty string on loading.

639 / 5.000 Risultati della traduzione Risultato di traduzione I'm integrating a 3rd party component on survey-angular-ui (https://www.npmjs.com/package/survey-angular-ui) Everything works fine until I do the build. The build happens without any errors, but when I try to view the survey it doesn't return my custom field.

The problem is replicated by simply doing the build of: https://github.com/surveyjs/code-examples/tree/main/integrate-third-party-angular-components

In particular I noticed that the dev build seems to work, the production build doesn't (so change "optimized" to true/false). There is no js or angular error

The problem is mainly on the frontend and not on the creator

By default properties editors are updated onTyping. Properties for min/max for text question should be updated onBlur otherwise, a user will not be able to enter values easily, since property grid (survey) will update the value on typing every number.

Issue: with the current default settings, an Image question is misaligned when a survey is made responsive. Example.

{
 "pages": [
  {
   "name": "page1",
   "elements": [
    {
     "type": "image",
     "name": "banner",
     "imageLink": "https://surveyjs.io/Content/Images/examples/image-picker/lion.jpg"
    }
   ]
  }
 ],
 "widthMode": "responsive"
}

Suggestion: enable the following Image question settings by default to better align the image (example).

"imageFit": "cover",
"imageHeight": "100%",
"imageWidth": "100%"

https://www.figma.com/file/7QOeoDDCaPuqzWAROR0kDY/Creator?node-id=17313-397068

For a localized survey, the edit column dialog displays default labels instead of translated ones: Example.

The Equal operator appears by default when creating a logic rule:

However, for some questions, it makes sence to use the contains operator by default. Suggestion: when creating a new rule for multi-select choice-based questions, such as Checkbox, and Tagbox, change the default logic operator to contains.

T12816 - CK editor issues with choices https://surveyjs.answerdesk.io/internal/ticket/details/T12816

I want to include a link to the survey PDF header. Currently, it is possible to do so using the SurveyPDF.LinkBrick as demonstrated at T10570 - How to include a link to the survey PDF header.

However, this option may require additional code if I want to include a link as a part of the header text. Please support embeeding links to the PDF header text using the [text](url) notation.

https://surveyjs.io/pdf-generator/documentation/customization-changefonts

Correct notes:

https://surveyjs.io/dashboard/documentation/api-reference/visualizerbase#registerToolbarItem

Trying to switch between differnt locales I noticed that switching to French works but German does not.

const vizPanel = new VisualizationPanel(allQuestions, dataFromServer);
vizPanel.locale = "de";

A German translation file german.ts exists in: https://github.com/surveyjs/survey-analytics/tree/master/src/analytics-localization

But it is not registed in the entries files: https://github.com/surveyjs/survey-analytics/tree/master/src/entries

e.g. summary.ts

//localization
import "../analytics-localization/farsi";
import "../analytics-localization/french";
import "../analytics-localization/norwegian";
import "../analytics-localization/portuguese";
import "../analytics-localization/russian";
import "../analytics-localization/dutch";
import "../analytics-localization/spanish";
import "../analytics-localization/italian";
import "../analytics-localization/arabic";

As suggedsted by the README

5. Open all files in the entries directory and import your file in each of them for Webpack. ...

Feature

Ranking question requires full ordering of every available option

It would be great if:

• Choices are initially unranked in a separate box
• Ranking choices are moved to a ranked box
• There is a minimum and a maximum number of choices one can configure.

• indent between title and description
• description line-height

https://www.figma.com/file/7QOeoDDCaPuqzWAROR0kDY/Creator?node-id=16524-245995

https://www.figma.com/file/7QOeoDDCaPuqzWAROR0kDY/Creator?node-id=16090-190195&t=1OQx2MPaBpDjYiTL-4

Bug

TOC bugs when used in combination with page change animation. Search bar disappears and navigation breaks. It only allows you to move one page forward, backwards navigation still works though. Animation taken from

animation and TOC both work together properly.

Apply TOC and page change animation in same survey

Tested page URL:

Test code

var doAnimantion = true;
// This component renders the survey.
function SurveyComponent() {
    const survey = new Model(sourcing);
    survey.onComplete.add((sender, options) => {
        console.log(JSON.stringify(sender.data, null, 3));

    });
// This function animates the survey element 
// by adding or removing the "expandable" and "expandable_show" classes. 
// This creates a 'scrolling' effect on page change and  
function animate(show) {
    const element = document.getElementById("surveyElement");
    if (!!element) {
        const list = element.classList;
        if (!list.contains("expandable")) {
            list.add("expandable");
        }
        if (show) {
            list.add("expandable_show");
        } else {
            list.remove("expandable_show");
        }
    }
};
    // This function prevents page changes during animations 
    // and triggers an animation after the page changes.
    survey.onCurrentPageChanging.add(function (sender, options) {
        if (!doAnimantion) return;
        options.allowChanging = false;
        setTimeout(function () {
            doAnimantion = false;
            sender.currentPage = options.newCurrentPage;
            doAnimantion = true;
        }, 500);
        animate(false);
    });
    // This function triggers an animation when the current page of the survey changes
    survey.onCurrentPageChanged.add(function (sender) {
        animate(true);
    });
    // This function prevents survey completion during 
    // animations and triggers an animation after the survey is completed.
    survey.onCompleting.add(function (sender, options) {
        if (!doAnimantion) return;
        options.allowComplete = false;
        setTimeout(function () {
            doAnimantion = false;
            sender.doComplete();
            doAnimantion = true;
        }, 500);
        animate(false);
    });
    // This function triggers an animation after the survey is rendered.
    survey.onAfterRenderSurvey.add((sender, options) => {
        animate(true);
    });
    // // Render the survey using the SurveyJS React component.
    return (<Survey model={survey} />);
}

export default SurveyComponent;

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

Hover is not correct. https://www.figma.com/file/7QOeoDDCaPuqzWAROR0kDY/Creator?node-id=2018-17087&t=bd04REn0kjkKTPTu-4

https://user-images.githubusercontent.com/17025812/231785662-f0968523-24c6-41df-a16d-823116699e32.mov

Bug

When using "type" : "dropdown" and specifying "choicesLazyLoadEnabled:true" then "storeOthersAsComment:false" is ignored

"storeOthersAsComment:false" should be honored when using "type" : "dropdown" and specifying "choicesLazyLoadEnabled:true"

Create a survey containing an element with "type" : "dropdown" and specifying "choicesLazyLoadEnabled:true" and "storeOthersAsComment:false". Type in a value for Other, submit the form and get the value 'other' not the typed in value

Tested page URL:

Test code

your_code_here

• browser:
• browser version:
• surveyjs platform (angular or react or jquery or knockout or vue): "survey-react-ui": "^1.9.77",
• surveyjs version: 1.9.79

when we switch to Generate mode we need to reset rateValues when we switch to Smiles we need to cut off items > 10

survey.onIsAnswerCorrect event was not designed to change question.isAnswerCorrect(). It is used in getCorrectedAnswerCount function only, which is inlogical.

[Example](https://plnkr.co/edit/3VI7ZiNN5IondVrN

const json = {
 "logoPosition": "right",
 "pages": [
  {
   "name": "page1",
   "elements": [
    {
     "type": "radiogroup",
     "name": "question1",
     "choices": [
      1,
      2,
      3,
      4,
      5,
      6,
      60,
      401,
      7
     ],
     "choicesOrder": "desc"
    }
   ]
  }
 ]
}

Issue: choices are sorted as texts, not as numbers: Expected behavior: numeric choices are sorted as numbers.

The TypeError: Cannot read properties of null (reading 'matrixAfterCellRender') exception occurs when performing the following actions in Survey Creator (Knockout):

• Quickly adding questions from a toolbox;
• Quickly switching between questions on a design surface.

Original issue: T12713 - TypeError: Cannot read properties of null (reading 'matrixAfterCellRender') https://surveyjs.answerdesk.io/internal/ticket/details/T12713

The issue in knockout version only

Here is the example and the related issue on SurveyJS support forum.

Hover for monochrome mode should not be colored Focus for colored mode should have full-colored icon Change colors for icons in error state Change hovers for icons in error state

Create an option to hide the Add New Question from survey pages in creator. Usage scenario - the read-only mode for the creator where users cannot add new survey elements.

Source ticket: T10981 - How can we hide "Add New Question" button from each page in survey creator on button click.

On a large survey (https://surveyjs.io/form-library/examples/how-to-configure-and-embed-patient-medical-history-form/), the Property Grid element selector has a search box. However, when you activate an element selector, the focus is suddenly jumped from a selected element to the search box.

https://user-images.githubusercontent.com/22372972/230951688-77fd9fb7-19e5-4cdf-a856-5927dfac2995.mp4

https://user-images.githubusercontent.com/17025812/231216612-13b775bf-64e3-4d55-b133-c0e7da232f6a.mov

It must be changed as we did for the button in the library.

https://www.figma.com/file/7QOeoDDCaPuqzWAROR0kDY/Creator?node-id=2046-19865&t=r3oRWoiTjaqxKuJy-4

The issue is reproduced in a React CodeSandbox demo: Example

Current result:

Expected result:

Original issue: T12759 - Bug in selecting condition (GUI) https://surveyjs.answerdesk.io/internal/ticket/details/T12759

Example

I added survey localization and translated choices:

The current survey locale is fr.

However, the Logic popup and Logic Tab editor displays default choice texts instead of localized ones: Logic Popup

Logic tab editor

T12736 - V2 single input - date type https://surveyjs.answerdesk.io/internal/ticket/details/T12736

If you set a single-text input's input type to date, the Min and Max settings appear. However, they don't have a date picker option.

Suggestion: add a datepicker option to the Min and Max settings.

There are several warnings that SurveyJS Creator objects set their properties are they have been disposed. Typically, it means that some callback functions are still active after the object is disposed.

T12622 - Is it possible to have 'matrix' question type to have cellType 'checkbox' without the additional features of 'matrixdropdown' and 'matrixdynamic'? https://surveyjs.answerdesk.io/internal/ticket/details/T12622

https://user-images.githubusercontent.com/22372972/233098581-65d96f11-a1fe-40dc-99a3-65c9633d48e4.mp4

To reproduce the issue, follow these steps:

• Run the Angular demo
• Drop a Multi-Selection Matrix onto a form
• Remove the second and third columns
• Switch the first column to a Radiogroup type and enable its showInMultipleColumns option.
• Click a column title to edit it The following exception appears in a browser console:

ERROR TypeError: Cannot read properties of null (reading 'getType')
    at ./src/components/matrix-cell.ts.MatrixCellWrapperViewModel.selectContext (survey-creator-core.js:1169:34)
    at MatrixCellComponent_ng_template_0_Template_div_click_0_listener (ɵcmp.js:2:46)
    at executeListenerWithErrorHandling (core.mjs:15780:16)
    at wrapListenerIn_markDirtyAndPreventDefault (core.mjs:15815:22)
    at HTMLDivElement.eval (platform-browser.mjs:459:38)
    at _ZoneDelegate.invokeTask (zone.js:406:31)
    at Zone.runTask (zone.js:178:47)
    at ZoneTask.invokeTask [as invoke] (zone.js:487:34)
    at invokeTask (zone.js:1661:18)
    at globalCallback (zone.js:1692:29)
    at HTMLDivElement.globalZoneAwareCallback (zone.js:1725:16)
    at ./src/components/string-editor.ts.StringEditorViewModelBase.onFocus (survey-creator-core.js:3715:36)
    at StringEditorComponent.onFocus (survey-creator-angular.js:3472:20)
    at StringEditorComponent_ng_template_0_span_5_Template_span_focus_0_listener (ɵcmp.js:10:15)
    at executeListenerWithErrorHandling (core.mjs:15780:16)
    at wrapListenerIn_markDirtyAndPreventDefault (core.mjs:15815:22)
    at HTMLSpanElement.eval (platform-browser.mjs:459:38)
    at _ZoneDelegate.invokeTask (zone.js:406:31)
    at Zone.runTask (zone.js:178:47)
    at ZoneTask.invokeTask [as invoke] (zone.js:487:34)
    at invokeTask (zone.js:1661:18)
    at globalCallback (zone.js:1692:29)
    at HTMLSpanElement.globalZoneAwareCallback (zone.js:1725:16)

Implement Lightweight mode

https://www.figma.com/file/7QOeoDDCaPuqzWAROR0kDY/Creator?node-id=16638-960643&t=9ZpI8ZG5CWpq7htP-4

1. open the creator.
2. Add a radiogroup question.
3. Set the TEXT for Item 3 through the propertygrid, for example "Item Three"
4. change the VALUE of "Item 3" to "Item D"
5. delete the text "Item Three"
6. this text remains in the placeholder.

We need to allow the cell editing for: dropdown, radiogroup, checkbox and all others select base questions + for boolean and rating and do not allow it for: "expression", "file", "text", "comment" and other questions.

Original issue: T12822 - PDF generation issues https://surveyjs.answerdesk.io/internal/ticket/details/T12822

A survey contains an HTML question. Run the example from the original thread, scroll down to the bottom of a page and click Export. The following exception appears in the console:

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading '1')
    at h.renderParagraph (survey.pdf.min.js:26:14820)
    at h.setBlockBoundary (survey.pdf.min.js:26:15592)
    at n (survey.pdf.min.js:26:6651)
    at n (survey.pdf.min.js:26:6612)
    at n (survey.pdf.min.js:26:6612)
    at survey.pdf.min.js:26:9132
    at i (survey.pdf.min.js:26:6756)
    at v (survey.pdf.min.js:26:7171)
    at b (survey.pdf.min.js:26:9063)
    at t.fromHTML (survey.pdf.min.js:26:16427)

Original issue: T12904 - Radio buttons appear incorrectly when exporting a survey to raw PDF https://surveyjs.answerdesk.io/internal/ticket/details/T12904

https://github.com/surveyjs/survey-analytics/blob/master/src/visualizerBase.ts#L248-L258

reporting a bug (related to set up)

class-validator depends on validator.js. The module "validator" for validator.js seems to be conflicting with "validator" in survey-core.

When I try to build my project, I get a string of errors similar to the following

Error: node_modules/class-validator/types/decorator/string/IsIdentityCard.d.ts:17:61 - error TS2694: Namespace '"validator"' has no exported member 'IdentityCardLocale'.

17 export declare function IsIdentityCard(locale?: ValidatorJS.IdentityCardLocale, validationOptions?: ValidationOptions): PropertyDecorator;
                                                               ~~~~~~~~~~~~~~~~~~

Upon explore node_modules/class-validator/types/decorator/string/IsIdentityCard.d.ts, I can see it imports IdentityCardLocale using import ValidatorJS from 'validator';. Even though I have both validator installed and @types/validator, following the import in visual studio code takes me to declare module "validator" in node_modules/survey-core/survey.core.d.ts

modules in survey-core should not conflict with other npm modules

(1) Create an angular project and install the required libraries (note: I'm using angular 12)

ng new test-issue
cd test-issue
npm install --save class-validator @angular/cdk@~12.2.0 survey-angular-ui

(2) Import something from class-validator and survey-core open src/app/app.module.ts Update the imports to have these 2 new ones added

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';

// add new imports but don't have to use them for anything
import { IsIdentityCard  } from 'class-validator';
import { SurveyModule } from "survey-angular-ui";

(3) build

ng build

The build to fails with a long list of errors such as those shown below.

Error: node_modules/class-validator/types/decorator/string/IsISSN.d.ts:13:54 - error TS2694: Namespace '"validator"' has no exported member 'IsISSNOptions'.

13 export declare function IsISSN(options?: ValidatorJS.IsISSNOptions, validationOptions?: ValidationOptions): PropertyDecorator;
                                                        ~~~~~~~~~~~~~


Error: node_modules/class-validator/types/decorator/string/IsIdentityCard.d.ts:10:76 - error TS2694: Namespace '"validator"' has no exported member 'IdentityCardLocale'.

10 export declare function isIdentityCard(value: unknown, locale: ValidatorJS.IdentityCardLocale): boolean;

I'm not using any surveyjs features yet. Just installed the library

• browser: chrome
• browser version:
• surveyjs platform (angular or react or jquery or knockout or vue): angular
• surveyjs version: survey-core@1.9.77

New colors for new hovers. General / Backcolor Dark General / Dim Backcolor Dark Primary / Backcolor Dark

New hovers...

• Checkbox https://www.figma.com/file/7QOeoDDCaPuqzWAROR0kDY/Creator?node-id=2018-16701&t=uuJIaUNZ4CCYUOcb-4

• Radio Button https://www.figma.com/file/7QOeoDDCaPuqzWAROR0kDY/Creator?node-id=2018-16702&t=uuJIaUNZ4CCYUOcb-4

• Boolean https://www.figma.com/file/7QOeoDDCaPuqzWAROR0kDY/Creator?node-id=2018-17087&t=uuJIaUNZ4CCYUOcb-4

• List Item https://www.figma.com/file/7QOeoDDCaPuqzWAROR0kDY/Creator?node-id=2246-73112&t=uuJIaUNZ4CCYUOcb-4

• Rating https://www.figma.com/file/7QOeoDDCaPuqzWAROR0kDY/Creator?node-id=2018-16734&t=uuJIaUNZ4CCYUOcb-4

• Buttons (regular and primary) https://www.figma.com/file/7QOeoDDCaPuqzWAROR0kDY/Creator?node-id=2018-44315&t=uuJIaUNZ4CCYUOcb-4

Reporting a bug with Survey JS for Vue (It appears that this bug does not show up with vanilla js)

survey-vue-ui 1.9.80 survey-core: 1.9.80

Dropdown choices panel appear empty

Dropdown choices should show the provided options

Create a matrix dynamicdropdown with on each row:

• field1
• field2 ( dropdown) visibility depends on field1)
• field3 ( radiogroup )(visibility depends on field1)
• field4 (any) (visibility depends on field3)

Steps to Reproduce

• Answer field1
• Answer field3 (Before field2)
• open field2 The options for field2 are not displaying

Note that if we answer field2 after field1 everything works normally

See example:

The bug is reproducible in the following codesanbox Tested page URL: https://codesandbox.io/embed/surveyjs-vue-forked-dpj2wo?fontsize=14&hidenavigation=1&theme=dark

• browser: chrome
• browser version: 111.0.5563.146
• surveyjs platform (angular or react or jquery or knockout or vue): vue
• surveyjs version: 1.9.80

Example: https://plnkr.co/edit/YO2mY297NN1kLbq1

With datetime input type, no date time picker appears; and it seems this input type becomes obsolete (https://stackoverflow.com/questions/21263515/why-is-html5-input-type-datetime-removed-from-browsers-already-supporting-it/21291028).

Bug report

Initial panel count (panelCount property) is ignored for PanelDynamic questions and displays to 0 instead of a provided value when initializing survey creator:

Initial panel count control should pick up and display panelCount property for PanelDynamic questions correctly

1. Click on question1 in the CodeSandbox example
2. Scroll to the Initial panel count setting in the General section
3. It shows 0 instead of 2, provided in the panelCount field

Tested page URL: https://codesandbox.io/s/reproduce-survey-creator-panel-count-reset-on-init-7bcivi?file=/src/App.tsx

Test code

import { SurveyCreatorComponent, SurveyCreator } from "survey-creator-react";
import "survey-core/defaultV2.min.css";
import "survey-creator-core/survey-creator-core.min.css";

const creator = new SurveyCreator();
creator.JSON = {
  logoPosition: "right",
  pages: [
    {
      name: "page1",
      elements: [
        {
          type: "paneldynamic",
          name: "question1",
          templateElements: [
            {
              type: "text",
              name: "question4"
            }
          ],
          panelCount: 2,
          minPanelCount: 1,
          maxPanelCount: 3
        }
      ]
    }
  ]
};

export default function App() {
  return <SurveyCreatorComponent creator={creator} />;
}

• browser: Google Chrome v112.0.5615.50 (Official Build) (64-bit)
• editor version: survey-creator-react v1.9.79

T12715 - Layout Properties automatically gets shown when we enable hideIfChoicesEmpty by default https://surveyjs.answerdesk.io/internal/ticket/details/T12715 The issue was found in SurveyJS Creator Property Grid. If a question is invisible (visible property is set to "false") and hideIfChoicesEmpty property is set to "true", then on settign question choices (if they were empty before) the question become visible, which is incorrect.

Here is the example:

question.choices = [];
question.hideIfChoicesEmpty = true;
question.visible = false;
question.choices = [1, 2, 3];
//question becomes visible, visible is true. It is incorrect.

The following demo shows a survey with a French localization. The Dropdown question contains 120 country items. https://codesandbox.io/s/charming-star-5ht7q1?file=/src/survey_json.js

https://user-images.githubusercontent.com/22372972/231176463-91ec0eb6-a5e6-4bfa-9688-7eb216abf389.mp4

Original issue: T12644 - Difficulty Editing Dropdown Choices in Multilingual Forms - Memory Issue https://surveyjs.answerdesk.io/internal/ticket/details/T12644

The wrong choice items types is created for image picker question when carry forward functionality is used. Instead of "imageitemvalue" type a standard "itemvalue" type is used. It leads to null reference error.

Original issue: T12658 - progressbar-percentage Bug (Angular) https://surveyjs.answerdesk.io/internal/ticket/details/T12658

Run the following sample to reproduce the issue. progress-percentage-component-issue.zip

Reporting a bug

A question that should be both made visible and enabled by the trigger, appears and is editable, but has sd-element__title--disabled css class

A question that should be both made visible and enabled by the trigger, should appear and be editable, without sd-element__title--disabled css class

1. Open Preview tab
2. Click Yes in question1. question2 appears normally.
3. Click No in question1. question2 disappears.
4. Click Yes in question1. question2 appears, but with sd-element__title--disabled css class.

Tested page URL: https://codesandbox.io/s/reproduce-survey-creator-trigger-toggle-nx1r6r?file=/src/App.tsx Test code

import { SurveyCreatorComponent, SurveyCreator } from "survey-creator-react";
import "survey-core/defaultV2.min.css";
import "survey-creator-core/survey-creator-core.min.css";
const creator = new SurveyCreator();
creator.JSON = {
  logoPosition: "right",
  pages: [
    {
      name: "page1",
      elements: [
        {
          type: "boolean",
          name: "question1",
          description: "Toggle me on and off"
        },
        {
          type: "text",
          name: "question2",
          visibleIf: "{question1} = true",
          enableIf: "{question1} = true"
        }
      ]
    }
  ]
};
export default function App() {
  return <SurveyCreatorComponent creator={creator} />;
}

• browser: Google Chrome v111.0.5563.147 (Official Build) (64-bit)
• editor version: survey-creator-react v1.9.79

I am reporting a bug

When I try to compile a react app with typescript and survey-creator-react installed, I get the following error:

node_modules/survey-creator-core/survey-creator-core.d.ts:7681:16 - error TS2451: Cannot redeclare block-scoped variable 'Version'.

7681     export let Version: string;
                    ~~~~~~~

  node_modules/survey-creator-react/survey-creator-react.d.ts:743:16
    743     export let Version: string;
                       ~~~~~~~
    'Version' was also declared here.

node_modules/survey-creator-core/survey-creator-core.d.ts:7683:14 - error TS2300: Duplicate identifier 'editorLocalization'.

7683     export { editorLocalization, defaultStrings } from "editorLocalization";
                  ~~~~~~~~~~~~~~~~~~

  node_modules/survey-creator-react/survey-creator-react.d.ts:787:14
    787     export { editorLocalization, localization } from "survey-creator-core";
                     ~~~~~~~~~~~~~~~~~~
    'editorLocalization' was also declared here.

node_modules/survey-creator-core/survey-creator-core.d.ts:7684:36 - error TS2300: Duplicate identifier 'localization'.

7684     export { editorLocalization as localization } from "editorLocalization";
                                        ~~~~~~~~~~~~

  node_modules/survey-creator-react/survey-creator-react.d.ts:787:34
    787     export { editorLocalization, localization } from "survey-creator-core";
                                         ~~~~~~~~~~~~
    'localization' was also declared here.

node_modules/survey-creator-react/survey-creator-react.d.ts:743:16 - error TS2451: Cannot redeclare block-scoped variable 'Version'.

743     export let Version: string;
                   ~~~~~~~

  node_modules/survey-creator-core/survey-creator-core.d.ts:7681:16
    7681     export let Version: string;
                        ~~~~~~~
    'Version' was also declared here.

node_modules/survey-creator-react/survey-creator-react.d.ts:784:19 - error TS2498: Module '"events"' uses 'export =' and cannot be used with 'export *'.

784     export * from "events";
                      ~~~~~~~~

node_modules/survey-creator-react/survey-creator-react.d.ts:787:14 - error TS2300: Duplicate identifier 'editorLocalization'.

787     export { editorLocalization, localization } from "survey-creator-core";
                 ~~~~~~~~~~~~~~~~~~

  node_modules/survey-creator-core/survey-creator-core.d.ts:7683:14
    7683     export { editorLocalization, defaultStrings } from "editorLocalization";
                      ~~~~~~~~~~~~~~~~~~
    'editorLocalization' was also declared here.

node_modules/survey-creator-react/survey-creator-react.d.ts:787:34 - error TS2300: Duplicate identifier 'localization'.

787     export { editorLocalization, localization } from "survey-creator-core";
                                     ~~~~~~~~~~~~

  node_modules/survey-creator-core/survey-creator-core.d.ts:7684:36
    7684     export { editorLocalization as localization } from "editorLocalization";
                                            ~~~~~~~~~~~~

792     export { ISurveyCreatorOptions, IPropertyGridEditor } from "survey-creator-core";
                                        ~~~~~~~~~~~~~~~~~~~

node_modules/survey-creator-react/survey-creator-react.d.ts:793:14 - error TS2303: Circular definition of import alias 'ToolboxToolViewModel'.

793     export { ToolboxToolViewModel, PropertyGridEditorCollection } from "survey-creator-core";
                 ~~~~~~~~~~~~~~~~~~~~

node_modules/survey-creator-react/survey-creator-react.d.ts:793:36 - error TS2303: Circular definition of import alias 'PropertyGridEditorCollection'.

793     export { ToolboxToolViewModel, PropertyGridEditorCollection } from "survey-creator-core";
                                       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~

node_modules/survey-creator-react/survey-creator-react.d.ts:794:14 - error TS2303: Circular definition of import alias 'StylesManager'.

794     export { StylesManager } from "survey-creator-core";
                 ~~~~~~~~~~~~~


Found 17 errors in 2 files.

Errors  Files
     3  node_modules/survey-creator-core/survey-creator-core.d.ts:7681
    14  node_modules/survey-creator-react/survey-creator-react.d.ts:743

These errors should not appear.

Create a new react project with npx create-react-app my-app --template typescript

Install survey-creator-react with npm i survey-creator-react

Open app.tsx in the /src/ folder and import SurveyCreator by adding the line

import { SurveyCreator } from 'survey-creator-react';

Open tsconfig.json and remove the "skipLibCheck": true line

Run tsc in a terminal to compile the app.

Type errors from survey-creator-react and survey-creator-core will appear.

• browser: Latest version of Edge (But that is not used)
• editor version: VS Code 1.76.1
• SurveyJS Creator version: 1.9.77
• node version: 14.20.1

https://www.figma.com/file/7QOeoDDCaPuqzWAROR0kDY/Creator?node-id=15685-135420&t=IAsPYRAPPHtlnORp-4

T12631 - Need ability to view correct answer when Survey Creator is in read-only mode https://surveyjs.answerdesk.io/internal/ticket/details/T12631

Example Issue: in read-only mode, it is impossible to view a question's correct answer.

Suggestion: allow users to view correct answers in read-only mode of a survey creator. For instance, activate a link which brings up a correct answer popup, but without an option to edit the answer.