type='number' on masked input - Throws error on focus and text entry

🐞 bug report

Is this a regression?

No, the issue occurs on 11.1.5 and 11.0.0

Description

Using input type='number' with a mask of mask='0' throws an error on focus and on text entry. It appears to work correctly otherwise.

I am using input type to trigger the number keyboard on mobile devices.

🔬 Minimal Reproduction

https://stackblitz.com/edit/angular-ivy-zd58bk?devtoolsheight=33&file=src/app/app.component.html

🔥 Exception or Error

Chrome:

On focus:

ERROR
Error: Failed to set the 'selectionStart' property on 'HTMLInputElement': The input element's type ('number') does not support selection.

On text entry:

ERROR
Error: Failed to execute 'setSelectionRange' on 'HTMLInputElement': The input element's type ('number') does not support selection.

Firefox

Same error for focus and text entry:

Error: An attempt was made to use an object that is not, or is no longer, usable

🌍 Your Environment

Angular Version:

Angular CLI: 11.2.5
Node: 14.15.4
OS: darwin x64

Angular: 11.2.6
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router
Ivy Workspace: Yes

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1102.5
@angular-devkit/build-angular   0.1102.5
@angular-devkit/core            11.2.5
@angular-devkit/schematics      11.2.5
@angular/cdk                    11.2.5
@angular/cli                    11.2.5
@angular/material               11.2.5
@schematics/angular             11.2.5
@schematics/update              0.1102.5
rxjs                            6.6.6
typescript                      4.1.5

[ColinMorris83]

I only know of selection functions which is mentioned here for what type of inputs support them: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange

[ColinMorris83]

Changing the type to be “tel” should do what you want to