Enable focustrap in modal

owncloud · Apr 26, 2021 · 2cff477 · 2cff477
1 parent 83420dd
commit 2cff477
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/changelog/unreleased/enhancement-focustrap-in-modal 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
@@ -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.2.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
@@ -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"