Quasar: Error in QSelect component during asynchronous filtering

Created on 8 Nov 2019  路  1Comment  路  Source: quasarframework/quasar

Description

The QSelect component with an input field during asynchronous filtering, if you type slowly (that is, if there are multiple requests/answers), clicking on the dialog list throws an error and freezes.

The error only occurs when you click the list item in the dialog box if you retrieve the result list asynchronously at least twice. Otherwise, there is no error (eg, there is only one request/response or the response is not delayed).

Fix

The error occurs in the QSelect.js file at this line:

https://github.com/quasarframework/quasar/blob/f9898c88a80df257106478dc49454c88e16b2c5f/ui/src/components/select/QSelect.js#L343

The following change fixes this error:

        this.$refs.target !== void 0 && this.$refs.target.focus()

You might want to do the same for this line:

https://github.com/quasarframework/quasar/blob/f9898c88a80df257106478dc49454c88e16b2c5f/ui/src/components/select/QSelect.js#L1097

Platform:

Quasar: v1.3.0, v1.4.0

bug

Most helpful comment

Thanks for reporting!
Fix will be available in "quasar" v1.4.1

>All comments

Thanks for reporting!
Fix will be available in "quasar" v1.4.1

Was this page helpful?
0 / 5 - 0 ratings

Related issues

slowaways picture slowaways  路  3Comments

green-mike picture green-mike  路  3Comments

Bangood picture Bangood  路  3Comments

wc-matteo picture wc-matteo  路  3Comments

hctpbl picture hctpbl  路  3Comments