SurveyJS Form Library for Vue 2 - Dropdown initialization takes much time with 400 number of choices

surveyjs / survey-library

Free JavaScript form builder library with integration for React, Angular, Vue, jQuery, and Knockout.

https://surveyjs.io/form-library

MIT License

4.2k stars 812 forks source link

SurveyJS Form Library for Vue 2 - Dropdown initialization takes much time with 400 number of choices #6988

Closed JaneSjs closed 4 months ago

JaneSjs commented 1 year ago

User Issue: T14709 - Improved "Dropdown" answer loading time with 500+ answer choices https://surveyjs.answerdesk.io/internal/ticket/details/T14709

A Dropdown loads quickly in React (View Demo).

However, in Vue 2 (the survey-vue package), it takes some time to initialize a Dropdown and open a popup for the first time: View Demo.

https://github.com/surveyjs/survey-library/assets/22372972/55bd3a4f-ba47-4f17-915d-0b1b6edc1741

JaneSjs commented 1 year ago

We investigated this issue. Unfortunately, it is impossible to resolve this delay which occurs when a dropdown is first opened for SurveyJS Library for Vue2. Consider a Lazy Loading option, as it is demonstrated in the demo above. Alternatively, consider moving to Vue 3 and using the survey-vue3-ui npm package (Add a Survey to a Vue 3 Application).