File tree Expand file tree Collapse file tree 1 file changed +15
-3
lines changed Expand file tree Collapse file tree 1 file changed +15
-3
lines changed Original file line number Diff line number Diff line change @@ -1156,11 +1156,23 @@ Avoid setting `tabindex` on elements within the modal to any value other than `0
1156
1156
will make it difficult for people who rely on assistive technology to navigate and operate page
1157
1157
content and can make some of your elements unreachable via keyboard navigation.
1158
1158
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
+ ```
1161
1172
1162
1173
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.
1164
1176
1165
1177
### ` v-b-modal ` directive accessibility
1166
1178
You can’t perform that action at this time.
0 commit comments