QInput's rules prop has bug

[kwarnkham]

Description

This is how I use rules

:rules="[
              ruleNotEmpty,
              (val) =>
                removeCommaFromNumber(val) <= 10000 ||
                'The amount is higher than the tender amount',
              ruleGreaterThanZero,
            ]"

These are the rules

  const ruleNotEmpty = (val) => val !== '' || 'Cannot be empty';
  const ruleGreaterThanZero = (val) => removeCommaFromNumber(val) > 0 || 'Minimum value is 1'

When I try to trigger the validation errors, sometimes I get the following error.

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'focus')
  at quasar_dist_quasar__client__js.js?v=5ff75e9a:15063:79
  at Array.find (<anonymous>)
  at quasar_dist_quasar__client__js.js?v=5ff75e9a:15063:40

When I follow the link in error

if (focus2 === true) {
          const activeError = errors.find(({ comp: comp2 }) => typeof comp2.focus === "function" && vmIsDestroyed(comp2.$) === false);
          if (activeError !== void 0) {
            activeError.comp.focus();
          }
        }

Documentation Section URL

https://quasar.dev/vue-components/input#qinput-api

Flavour

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

Areas

Components (quasar)

[rstoenescu]

The details actually matter.
Please try to create a codepen or stackblitz to highlight the problem.

[rstoenescu]

Also make sure that your validation rule functions do not crash!