Skip to content

Commit 6da6c25

Browse files
authored
chore(docs): minor update to modal docs re TinyMCE (#4708)
1 parent c3ac992 commit 6da6c25

File tree

1 file changed

+15
-3
lines changed

1 file changed

+15
-3
lines changed

src/components/modal/README.md

Lines changed: 15 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1156,11 +1156,23 @@ Avoid setting `tabindex` on elements within the modal to any value other than `0
11561156
will make it difficult for people who rely on assistive technology to navigate and operate page
11571157
content and can make some of your elements unreachable via keyboard navigation.
11581158

1159-
If some elements outside the modal need to be focusable (i.e. for TinyMCE), you can add them to the
1160-
`ignore-enforce-focus-selector` prop.
1159+
If some elements outside the modal need to be focusable (i.e. for TinyMCE), you can add them as CSS
1160+
selectors to the `ignore-enforce-focus-selector` prop
1161+
<span class="badge badge-secondary">2.4.0+</span>, e.g.:
1162+
1163+
```html
1164+
<b-modal
1165+
id="some-modal-id"
1166+
title="Modal with TinyMCE Editor"
1167+
ignore-enforce-focus-selector=".tox-tinymce-aux, .moxman-window, .tam-assetmanager-root"
1168+
>
1169+
<!-- Modal content with TinyMCE editor here -->
1170+
</b-modal>
1171+
```
11611172

11621173
In some circumstances, you may need to disable the enforce focus feature completely. You can do this
1163-
by setting the prop `no-enforce-focus`, although this is highly discouraged.
1174+
by setting the prop `no-enforce-focus`, although this is _highly discouraged_ for accessibility
1175+
reasons.
11641176

11651177
### `v-b-modal` directive accessibility
11661178

0 commit comments

Comments
 (0)