diff --git a/packages/ilios-common/addon/components/course/publication-menu.js b/packages/ilios-common/addon/components/course/publication-menu.js index dd4229c0fe..6a4b0f79b9 100644 --- a/packages/ilios-common/addon/components/course/publication-menu.js +++ b/packages/ilios-common/addon/components/course/publication-menu.js @@ -76,6 +76,7 @@ export default class CoursePublicationMenuComponent extends Component { item?.parentElement.lastElementChild.focus(); } } + async handleArrowDown(item) { if (item.classList.value == 'toggle') { this.isOpen = true; @@ -90,8 +91,7 @@ export default class CoursePublicationMenuComponent extends Component { } @action - async toggleMenu(event) { - console.log('course toggleMenu', event.target); + async toggleMenu() { this.isOpen = !this.isOpen; if (this.isOpen) { @@ -99,16 +99,13 @@ export default class CoursePublicationMenuComponent extends Component { } } @action - keyUp(event) { - event.stopPropagation(); - event.preventDefault(); - - switch (event.key) { + keyUp({ key, target }) { + switch (key) { case 'ArrowDown': - this.handleArrowDown(event.target); + this.handleArrowDown(target); break; case 'ArrowUp': - this.handleArrowUp(event.target); + this.handleArrowUp(target); break; case 'Escape': case 'Tab': diff --git a/packages/ilios-common/addon/components/session/publication-menu.js b/packages/ilios-common/addon/components/session/publication-menu.js index 3c07e40e2c..caec869f73 100644 --- a/packages/ilios-common/addon/components/session/publication-menu.js +++ b/packages/ilios-common/addon/components/session/publication-menu.js @@ -80,6 +80,7 @@ export default class SessionPublicationMenuComponent extends Component { item?.parentElement.lastElementChild.focus(); } } + async handleArrowDown(item) { if (item.classList.value == 'toggle') { this.isOpen = true; @@ -94,8 +95,7 @@ export default class SessionPublicationMenuComponent extends Component { } @action - async toggleMenu(event) { - console.log('session toggleMenu', event.target); + async toggleMenu() { this.isOpen = !this.isOpen; if (this.isOpen) { @@ -103,16 +103,13 @@ export default class SessionPublicationMenuComponent extends Component { } } @action - keyUp(event) { - event.stopPropagation(); - event.preventDefault(); - - switch (event.key) { + keyUp({ key, target }) { + switch (key) { case 'ArrowDown': - this.handleArrowDown(event.target); + this.handleArrowDown(target); break; case 'ArrowUp': - this.handleArrowUp(event.target); + this.handleArrowUp(target); break; case 'Escape': case 'Tab':