diff --git a/frontend/src/stimulus/controllers/async-dialog.controller.ts b/frontend/src/stimulus/controllers/async-dialog.controller.ts index 66b02f2c434..e8ff7561b58 100644 --- a/frontend/src/stimulus/controllers/async-dialog.controller.ts +++ b/frontend/src/stimulus/controllers/async-dialog.controller.ts @@ -34,13 +34,20 @@ import { TurboHelpers } from '../../turbo/helpers'; export default class AsyncDialogController extends ApplicationController { connect() { - this.element.addEventListener('click', (e) => { - e.preventDefault(); + this.element.addEventListener('click', (event:MouseEvent) => { + event.preventDefault(); this.triggerTurboStream(); }); + + this.element.addEventListener('keydown', (event:KeyboardEvent) => { + if (event.key === 'Enter' || event.key === ' ') { + event.preventDefault(); + this.triggerTurboStream(); + } + }); } - triggerTurboStream():void { + private triggerTurboStream():void { TurboHelpers.showProgressBar(); void fetch(this.href, {