Issue with select autocomplete



  • I am making use of select autocomplete where options are dynamic array of objects. when i doesnt make use of hide-selected and fill input attribute it works fine but as soon as i make use of those attributes in q-select my browser hangs when i try to input something in select field.
    when i stop browser foll. message comes in console:
    Error: Script terminated by timeout at: filter/<@webpack-internal:///./node_modules/quasar/src/components/select/QSelect.js:688:13 filterFn@webpack-internal:///./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./src/components/formComponents/fxSelectDynamic.vue?vue&type=script&lang=js&:82:7 invokeWithErrorHandling@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:1853:26 invoker@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:2178:14 invokeWithErrorHandling@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:1853:26 eventsMixin/Vue.prototype.$emit@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:3876:9 filter@webpack-internal:///./node_modules/quasar/src/components/select/QSelect.js:687:12 handler@webpack-internal:///./node_modules/quasar/src/components/select/QSelect.js:120:18 run@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:4556:19 flushSchedulerQueue@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:4298:13 nextTick/<@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:1979:12 flushCallbacks@webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:1905:14 run@webpack-internal:///./node_modules/core-js/modules/es6.promise.js:75:22 notify/<@webpack-internal:///./node_modules/core-js/modules/es6.promise.js:92:30 flush@webpack-internal:///./node_modules/core-js/modules/_microtask.js:18:9
    Please help to solve the issue



  • @ankush_naik i suggest you make a codepen reproduction code.


Log in to reply