Forms: InputNumber Field Not Showing Red Border on Error State

[basitiyidir]

Describe the bug

When submitting the form with invalid input, the first input field is not displaying the expected red border to indicate the error state. While other form elements show proper error styling with red borders, this particular field remains unstyled.

Details:

• The first input field (InputNumber) maintains its default border style even after validation fails
• Other form elements correctly display red borders when validation errors occur. (:invalid="$form.amount2?.invalid")
• This inconsistency affects the user experience and error visibility
• Expected behavior: The input field should show a red border similar to other fields when there's an error

Reproducer

https://stackblitz.com/edit/nnxd9j-sw8y2g?file=src%2FApp.vue

PrimeVue version

4.2.1

Vue version

4.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response