diff --git a/packages/host/app/components/operator-mode/create-file-modal.gts b/packages/host/app/components/operator-mode/create-file-modal.gts index 5ae326764e..40ee500620 100644 --- a/packages/host/app/components/operator-mode/create-file-modal.gts +++ b/packages/host/app/components/operator-mode/create-file-modal.gts @@ -1,4 +1,5 @@ import type { TemplateOnlyComponent } from '@ember/component/template-only'; +import { hash } from '@ember/helper'; import { on } from '@ember/modifier'; import { action } from '@ember/object'; import type Owner from '@ember/owner'; @@ -10,6 +11,8 @@ import { tracked } from '@glimmer/tracking'; import { restartableTask, enqueueTask } from 'ember-concurrency'; import perform from 'ember-concurrency/helpers/perform'; +import focusTrap from 'ember-focus-trap/modifiers/focus-trap'; +import onKeyMod from 'ember-keyboard/modifiers/on-key'; import camelCase from 'lodash/camelCase'; import { @@ -87,6 +90,10 @@ export default class CreateFileModal extends Component { @size='medium' @isOpen={{this.isModalOpen}} @onClose={{this.onCancel}} + {{focusTrap + isActive=this.onSetup.isIdle + focusTrapOptions=(hash initialFocus=this.initialFocusSelector) + }} data-test-ready={{this.onSetup.isIdle}} data-test-create-file-modal > @@ -181,6 +188,7 @@ export default class CreateFileModal extends Component {