diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 7d38021e9e2e396fad4042fbd71ac84cf8b60c21..e8686b733a50d10686f5868e04f5c7e1da95c55a 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -716,27 +716,11 @@ export class AppComponent implements OnInit, OnDestroy, Observer { } } - /** - * Disable value modification on mouse wheel or up/down arrows, in input type="number" - */ - /* @HostListener("mousewheel", [ "$event" ]) onMouseWheelChrome(event: any) { - this.disableScroll(event); - } - @HostListener("DOMMouseScroll", [ "$event" ]) onMouseWheelFirefox(event: any) { - this.disableScroll(event); - } - @HostListener("onmousewheel", [ "$event" ]) onMouseWheelIE(event: any) { - this.disableScroll(event); - } - disableScroll(event: any) { - if (event.srcElement.type === "number") { - event.preventDefault(); - // @TODO how to send event to parent (or Window ?) so that scrolling the page works ? - } - } */ @HostListener("keydown", [ "$event" ]) onKeydown(event: any) { if (event.which === 38 || event.which === 40) { // up / down arrow - event.preventDefault(); + if (event.srcElement.type === "number") { + event.preventDefault(); + } } } }