From 9aa01edafd71bd5e0e758e8d7cad4fcc64f84e0b Mon Sep 17 00:00:00 2001 From: Pascal Wengerter Date: Fri, 23 Apr 2021 15:26:07 +0100 Subject: [PATCH] Enable focus-trap in oc-modal --- changelog/unreleased/enhancement-focustrap-in-modal | 6 ++++++ packages/web-runtime/package.json | 2 +- packages/web-runtime/src/App.vue | 1 + 3 files changed, 8 insertions(+), 1 deletion(-) create mode 100644 changelog/unreleased/enhancement-focustrap-in-modal diff --git a/changelog/unreleased/enhancement-focustrap-in-modal b/changelog/unreleased/enhancement-focustrap-in-modal new file mode 100644 index 00000000000..c1cdd5c5b6a --- /dev/null +++ b/changelog/unreleased/enhancement-focustrap-in-modal @@ -0,0 +1,6 @@ +Enhancement: Enable focus trap in oc-modal + +After the recent changes in ODS, the oc-modal can now use +a focus-trap which is a feature needed for accessibility-reasons. + +https://github.com/owncloud/web/pull/5013 diff --git a/packages/web-runtime/package.json b/packages/web-runtime/package.json index ed30500678f..caafe80ec1e 100644 --- a/packages/web-runtime/package.json +++ b/packages/web-runtime/package.json @@ -12,7 +12,7 @@ "luxon": "^1.22.0", "moment": "^2.24.0", "oidc-client": "1.10.1", - "owncloud-design-system": "^6.0.1", + "owncloud-design-system": "^6.3.0", "owncloud-sdk": "^1.0.0-740", "p-queue": "^6.1.1", "tus-js-client": "^1.8.0", diff --git a/packages/web-runtime/src/App.vue b/packages/web-runtime/src/App.vue index a5de12b3514..44afc35e39a 100644 --- a/packages/web-runtime/src/App.vue +++ b/packages/web-runtime/src/App.vue @@ -68,6 +68,7 @@ :title="modal.title" :message="modal.message" :has-input="modal.hasInput" + :focus-trap-active="true" :input-label="modal.inputLabel" :input-disabled="modal.inputDisabled" :input-value="modal.inputValue"