q-field expands its height when selected

[iamjuanguillermo]

What happened?

I have a q-field configured as shown in the attached codepen.

When I click on the q-field, it expands its height to cover the bottom (see the background-color scope).

What did you expect to happen?

I hope that when I click on it, the q-field doesn't expand beyond its height defined by its borders.

Reproduction URL

https://codepen.io/Juan-Guillermo-Casta-o-Mercado/pen/bNEgvyY?editors=1010

How to reproduce?

1. Click on 'reproduction URL'.

Flavour

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

Areas

Components (quasar)

Platforms/Browsers

Chrome

Quasar info output

Operating System - Linux(5.15.0-91-generic) - linux/x64
NodeJs - 20.14.0

Global packages
  NPM - 10.7.0
  yarn - 1.22.22
  pnpm - 9.3.0
  bun - Not installed
  @quasar/cli - 2.4.1
  @quasar/icongenie - 4.0.0
  cordova - Not installed

Important local packages
  quasar - 2.18.5 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app-vite - 2.4.0 -- Quasar Framework App CLI with Vite
  @quasar/extras - 1.17.0 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 3.5.16 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.5.1
  pinia - 3.0.3 -- Intuitive, type safe and flexible Store for Vue
  vite - 7.1.7 -- Native-ESM powered web dev build tool
  vite-plugin-checker - Not installed
  eslint - Not installed
  esbuild - 0.25.5 -- An extremely fast JavaScript and CSS bundler and minifier.
  typescript - 5.8.3 -- TypeScript is a language for application scale JavaScript development
  workbox-build - Not installed
  register-service-worker - Not installed
  electron - Not installed
  @electron/packager - Not installed
  electron-builder - Not installed
  @capacitor/core - Not installed
  @capacitor/cli - Not installed
  @capacitor/android - Not installed
  @capacitor/ios - Not installed

Quasar App Extensions
  *None installed*

Relevant log output

Additional context

No response

[iamjuanguillermo]

I found the problem! hint props expects String or undefined (void 0), I was passing null.

I just changed it to :hint="void 0" and it worked fine.

I'm closing my own bug report.