[Bug Report][3.7.7] Max character error message in text input is never shown

[michalk-mg]

Environment

Vuetify Version: 3.7.7
Vue Version: 3.5.13
Browsers: Edge 132.0.0.0
OS: Windows 10

Steps to reproduce

1. Go to the link (which is the official example).
2. Remove all characters from first input text field.
3. Observe required rule working and showing "Required" error message.
4. Type in 20 characters in the first input text field.
5. Try to type in another character.
6. Observe NO error messages.

Expected Behavior

Error message ("Max 20 characters") should show on input attempt (type or paste).

Actual Behavior

No message is shown.

Reproduction Link

https://play.vuetifyjs.com/#...

[jakubmatisak]

Change condition to counter: value => value.length < 20 || 'Max 20 characters',

[michalk-mg]

Change condition to counter: value => value.length < 20 || 'Max 20 characters',

Then the error message is shown on reaching 20th character, which is still incorrect.

20 characters in the input should still meet the rule. Only the attempt to go over should trigger the error message.

[KaelWD]

You have maxlength="20" which prevents a 21st character from even being entered.