ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(#423): prevent default behavior on keyboard interaction

Browse source
This commit is contained in:
ovidiu 2019-12-14 21:50:13 +02:00
parent e51bf720e5
commit caf9ab2f8a
1 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/calendar/src/LionCalendar.js
View file

@ -518,6 +518,12 @@ export class LionCalendar extends LocalizeMixin(LitElement) {
__addEventForKeyboardNavigation() { __addEventForKeyboardNavigation() {
this.__keyNavigationEvent = this.__contentWrapperElement.addEventListener('keydown', ev => { this.__keyNavigationEvent = this.__contentWrapperElement.addEventListener('keydown', ev => {
const preventedKeys = ['ArrowUp', 'ArrowDown', 'PageDown', 'PageUp'];
if (preventedKeys.includes(ev.key)) {
ev.preventDefault();
}
switch (ev.key) { switch (ev.key) {
case 'ArrowUp': case 'ArrowUp':
this.__modifyDate(-7, { dateType: '__focusedDate', type: 'Date', mode: 'past' }); this.__modifyDate(-7, { dateType: '__focusedDate', type: 'Date', mode: 'past' });