Component: inputNumber - Using property 'maxLength' prevents from using decrement and increment buttons

[Nicolasprrt]

Describe the bug

Using property 'maxLength' prevents from using decrement and increment buttons of the component inputNumber

Environment

Angular CLI: 18.2.4
Node: 18.20.2
Package Manager: npm 10.5.0
OS: win32 x64

Angular: 18.2.4
... animations, cdk, cli, common, compiler, compiler-cli, core
... forms, platform-browser, platform-browser-dynamic, router

Package Version

@angular-devkit/architect 0.1802.4
@angular-devkit/build-angular 18.2.4
@angular-devkit/core 18.2.4
@angular-devkit/schematics 18.2.4
@schematics/angular 18.2.4
rxjs 7.8.1
typescript 5.5.4
zone.js 0.14.10

Reproducer

No response

Angular version

18.2.4

PrimeNG version

17.18.11

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.20.2

Browser(s)

Chrome

Steps to reproduce the behavior

• Create an inputNumber add the property [showButtons] = true
• Try using the decrement and increment buttons ( it works perfectly )
• Now Add the property [maxLength]="3" to this inputNumber
• Now click on the decrement and increment buttons ( Value is bot changing as it is suppose to)

Expected behavior

The value of the inputNumber should change by clicking on the increment and decrement buttons even when it has the following properties : [showButtons]="true" and [maxLength]="3"

<p-inputNumber form-control formControlName="xxx" [showButtons]="true" [maxLength]="3" />