Skip to content
New issue

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

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

Already on GitHub? # to your account

QSelect with hide-selected and fill-input will not display falsey values #17763

Open
Momo8289 opened this issue Jan 16, 2025 · 0 comments
Open
Labels
area/components bug/1-hard-to-reproduce A reproduction is available, but it's hard to reproduce, so it has a lower priority. bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-vite kind/bug 🐞 Qv2 🔝 Quasar v2 issues

Comments

@Momo8289
Copy link
Contributor

What happened?

When using a QSelect component with fill-input and hide-selected, the selected value will not be displayed in the component if it is falsy(i.e: 0 or false).

What did you expect to happen?

The selected value should be displayed like any other

Reproduction URL

https://codesandbox.io/p/devbox/elegant-browser-k4jvpy?workspaceId=ws_CoPYc6ZenFSeaMVbNoP3R3

How to reproduce?

  1. Go to the reproduction link
  2. Select a truthy value in the QSelect. See how it is properly displayed.
  3. Select either false or 0 in the Qselect. See how the QSelect is cleared, even though the model value is updated.

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Components (quasar)

Platforms/Browsers

Firefox

Quasar info output

Operating System - Windows_NT(10.0.26100) - win32/x64
NodeJs - 20.17.0

Global packages
  NPM - 11.0.0
  yarn - Not installed
  @quasar/cli - 2.4.1
  @quasar/icongenie - Not installed
  cordova - Not installed

Important local packages
  quasar - 2.17.6 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app-vite - 1.11.0 -- Quasar Framework App CLI with Vite
  @quasar/extras - 1.16.15 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 3.5.13 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.5.0
  pinia - 2.3.0 -- Intuitive, type safe and flexible Store for Vue
  vuex - Not installed
  vite - 2.9.18 -- Native-ESM powered web dev build tool
  eslint - 8.57.1 -- An AST-based pattern checker for JavaScript.
  electron - Not installed
  electron-packager - Not installed
  @electron/packager - Not installed
  electron-builder - Not installed
  register-service-worker - 1.7.2 -- Script for registering service worker, with hooks
  @capacitor/core - Not installed
  @capacitor/cli - Not installed
  @capacitor/android - Not installed
  @capacitor/ios - Not installed

Relevant log output

No response

Additional context

No response

@Momo8289 Momo8289 added kind/bug 🐞 Qv2 🔝 Quasar v2 issues labels Jan 16, 2025
@github-actions github-actions bot added area/components bug/1-hard-to-reproduce A reproduction is available, but it's hard to reproduce, so it has a lower priority. bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-vite labels Jan 16, 2025
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
area/components bug/1-hard-to-reproduce A reproduction is available, but it's hard to reproduce, so it has a lower priority. bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-vite kind/bug 🐞 Qv2 🔝 Quasar v2 issues
Projects
None yet
Development

No branches or pull requests

1 participant