From 9607b4acabec08070e957d73b79fee998b651c21 Mon Sep 17 00:00:00 2001
From: "mathias.chouet" <mathias.chouet@irstea.fr>
Date: Thu, 10 Oct 2019 10:50:08 +0200
Subject: [PATCH] Restrict up/down key inhibition to number inputs only
---
src/app/app.component.ts | 22 +++-------------------
1 file changed, 3 insertions(+), 19 deletions(-)
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 7d38021e9..e8686b733 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();
+ }
}
}
}
--
GitLab