Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Q-Select options filter issue #12434

Closed
iXyles opened this issue Feb 10, 2022 · 5 comments
Closed

Q-Select options filter issue #12434

iXyles opened this issue Feb 10, 2022 · 5 comments
Labels
area/components bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/vue-cli-plugin kind/bug 🐞 Qv2 🔝 Quasar v2 issues

Comments

@iXyles
Copy link

iXyles commented Feb 10, 2022

What happened?

When having a computed method, or a list of items that changes as "options" for the q-select as a filter to prevent some combinations, the content is not always updating/expanding as expected if the q-select has a "value" in the model when being opened. It however works just fine if no value is selected before you open the q-select the first time.

What did you expect to happen?

I was expecting the list of options to expand as expected with the new options in both scenarios, and not only if the value was empty when you opened the q-select the first time.

Reproduction URL

https://codepen.io/ixyles/pen/RwjVdOd

How to reproduce?

  1. Open the Q-Select and select Google & Facebook
  2. Close the Q-Select
  3. Open the Q-Select again and untick Google and Facebook

Expected result
4. You see the whole list of all 5 items as expected

Actual result:
4. You are only seeing two elements as it is not fully expanding correctly

Workaround:
Close Q-Select and open it again.

Flavour

Vue CLI Plugin (vue-cli-plugin-quasar)

Areas

Components (quasar)

Platforms/Browsers

Chrome

Quasar info output

No response

Relevant log output

No response

Additional context

No response

@iXyles iXyles added kind/bug 🐞 Qv2 🔝 Quasar v2 issues labels Feb 10, 2022
@github-actions github-actions bot added area/components bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/vue-cli-plugin labels Feb 10, 2022
@rtynski
Copy link

rtynski commented Feb 11, 2022

Smal fix:
https://codepen.io/rafalty/pen/OJOgvKe
return [...this.options];
And working.
But the bug is still there.

https://codepen.io/rafalty/pen/eYeRrmW

@metalsadman
Copy link
Member

metalsadman commented Feb 12, 2022

https://quasar.dev/vue-components/select#api--qselect
Screen Shot 2022-02-12 at 12 16 39 PM

https://codepen.io/metalsadman/pen/wvPexOV?editors=1010

@rstoenescu
Copy link
Member

rstoenescu commented Feb 12, 2022

Reopening so I don't forget to look into something.

@iXyles
Copy link
Author

iXyles commented Feb 12, 2022

https://quasar.dev/vue-components/select#api--qselect Screen Shot 2022-02-12 at 12 16 39 PM r.dev/vue-components/select#api--qselect

https://codepen.io/metalsadman/pen/wvPexOV?editors=1010

Thanks :) I actually missed this!

pdanpdan added a commit to pdanpdan/quasar that referenced this issue Mar 19, 2022
@rstoenescu
Copy link
Member

Fix will be available in Quasar v2.6.2

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/components bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/vue-cli-plugin kind/bug 🐞 Qv2 🔝 Quasar v2 issues
Projects
None yet
Development

No branches or pull requests

4 participants