From caf9ab2f8aa526306acddd6f911e70dfbbcbf963 Mon Sep 17 00:00:00 2001 From: ovidiu Date: Sat, 14 Dec 2019 21:50:13 +0200 Subject: [PATCH] fix(#423): prevent default behavior on keyboard interaction --- packages/calendar/src/LionCalendar.js | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/packages/calendar/src/LionCalendar.js b/packages/calendar/src/LionCalendar.js index 4028f1f5a..22603d1a3 100644 --- a/packages/calendar/src/LionCalendar.js +++ b/packages/calendar/src/LionCalendar.js @@ -518,6 +518,12 @@ export class LionCalendar extends LocalizeMixin(LitElement) { __addEventForKeyboardNavigation() { this.__keyNavigationEvent = this.__contentWrapperElement.addEventListener('keydown', ev => { + const preventedKeys = ['ArrowUp', 'ArrowDown', 'PageDown', 'PageUp']; + + if (preventedKeys.includes(ev.key)) { + ev.preventDefault(); + } + switch (ev.key) { case 'ArrowUp': this.__modifyDate(-7, { dateType: '__focusedDate', type: 'Date', mode: 'past' });