Negative sign not a valid value for input type number FormControl

Bug Report

Affected Package

The issue is caused by package @angular/forms

Is this a regression?

No

Description

Negative sign `-` is not allowed to be set using FormControl `patchValue` method on input type `number`.

It is a valid value as per https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number and using something like the following should work:

this.inputFormControl.patchValue('-');

Minimal Reproduction

Angular v11.0.8: https://stackblitz.com/edit/angular-btkzby?file=src/app/app.component.ts Angular v12.1.0: https://stackblitz.com/edit/angular-ivy-orrz1w?file=src/app/app.component.ts

Button ‘Set negative sign’ does not work Button ‘Set negative value’ works

Your Environment

Angular Version:

11.0.8
12.1.0

[crisbeto]

I think that this is a browser limitation, because all the Forms module does is set someInput.value = '-'; which isn’t a valid number. The browser allows you to type it in manually, because otherwise there would be no way of typing in negative numbers.

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}