Quasar: Q-select not rendering value correctly from Chrome autofill

[duongpc]

Describe the bug
The browser offers to autofill the form fields for you from the QInput and it puts a value into the input of the QSelect also, the value may not match any of the choices for the QSelect and the text remains in the QSelect's input field.

Codepen/jsFiddle/Codesandbox (required)
https://codepen.io/chaos123456/pen/zYGGgEb

To Reproduce
Create an autofill profile in Chrome with address and province field filled, in the province field I provided "ON"
Click on Address bar, select address

Expected behavior
State field should show "Ontario"

Screenshots

[hawkeye64]

I got the same:

[duongpc]

my current workaround is to use @keyup = autofillcheck event

autofillcheck: function (e) {
   if (e.target && e.target.value) this.state = e.target.value
}

the issue with this is if user's autofill value is "Ontario" instead of "ON" then it won't work. Also will have to add method/event whenever I want to support autofill dropdown.

[rstoenescu]

Enhancement will be available in "quasar" v1.9.0.

[hawkeye64]

Works great, except for 1 issue @rstoenescu

Notice the "No results".
All I did was set focus to the address and Chrome filled in the rest. I did not manually go to the State field. Chrome put it there after the selection from auto-filled data.

[pdanpdan]

And do you have Alberta in the list? Can you make a codepen?

[duongpc]

@pdanpdan autofill doesnt work if I take out user-input

see new codepen:
https://codepen.io/chaos123456/pen/JjdYmdd

[rstoenescu]

Improvements on this will be available in "quasar" v1.9.3.