focus-trap 6.2.3 → 6.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +37 -0
- package/README.md +79 -61
- package/dist/focus-trap.esm.js +142 -37
- package/dist/focus-trap.esm.js.map +1 -1
- package/dist/focus-trap.esm.min.js +2 -2
- package/dist/focus-trap.esm.min.js.map +1 -1
- package/dist/focus-trap.js +142 -37
- package/dist/focus-trap.js.map +1 -1
- package/dist/focus-trap.min.js +2 -2
- package/dist/focus-trap.min.js.map +1 -1
- package/dist/focus-trap.umd.js +142 -37
- package/dist/focus-trap.umd.js.map +1 -1
- package/dist/focus-trap.umd.min.js +2 -2
- package/dist/focus-trap.umd.min.js.map +1 -1
- package/index.d.ts +61 -14
- package/index.js +133 -35
- package/package.json +33 -29
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,42 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 6.5.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- c38bf3f: onPostDeactivate should always be called even if returnFocus/OnDeactivate is disabled.
|
|
8
|
+
|
|
9
|
+
## 6.5.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- 278e77e: Adding 4 new configuration event options to improve support for animated dialogs and animated focus trap triggers: `checkCanFocusTrap()`, `onPostActivate()`, `checkCanReturnFocus()`, and `onPostDeactivate()`.
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- 8d11e15: Improve docs and types for most options, adding `SVGElement` as a supported type of "DOM node" since it supports the `focus()` method, same as `HTMLElement`.
|
|
18
|
+
|
|
19
|
+
## 6.4.0
|
|
20
|
+
|
|
21
|
+
### Minor Changes
|
|
22
|
+
|
|
23
|
+
- 21c82ce: Bump tabbable from 5.1.6 to 5.2.0. There should be no changes in behavior as a result of this upgrade as `focus-trap` does not currently leverage the new `displayCheck` option.
|
|
24
|
+
|
|
25
|
+
### Patch Changes
|
|
26
|
+
|
|
27
|
+
- 1baf62e: Fix focus trapped on initial focus container with tabindex=-1 when pressing shift+tab (#363)
|
|
28
|
+
|
|
29
|
+
## 6.3.0
|
|
30
|
+
|
|
31
|
+
### Minor Changes
|
|
32
|
+
|
|
33
|
+
- a882d62: `clickOutsideDeactivates` can now also be a function that returns a `boolean`, similar to `allowOutsideClick`. The function receives the `MouseEvent` that triggered the click. (#289)
|
|
34
|
+
|
|
35
|
+
### Patch Changes
|
|
36
|
+
|
|
37
|
+
- 4d67dee: Fix a focus escape when pressing TAB after hiding element with focus (#281)
|
|
38
|
+
- ca32014: Bump tabbable from 5.1.4 to 5.1.5
|
|
39
|
+
|
|
3
40
|
## 6.2.3
|
|
4
41
|
|
|
5
42
|
### Patch Changes
|
package/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
# focus-trap [](https://github.com/focus-trap/focus-trap/actions?query=workflow:CI+branch:master) [](./LICENSE)
|
|
2
2
|
|
|
3
3
|
<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
|
|
4
|
-
[](#contributors)
|
|
5
5
|
<!-- ALL-CONTRIBUTORS-BADGE:END -->
|
|
6
6
|
|
|
7
7
|
Trap focus within a DOM node.
|
|
@@ -28,7 +28,7 @@ When the focus trap is deactivated, this is what should happen:
|
|
|
28
28
|
- Focus is passed to *whichever element had focus when the trap was activated* (e.g. the button that opened the modal or menu).
|
|
29
29
|
- Tabbing and clicking behave normally everywhere.
|
|
30
30
|
|
|
31
|
-
[Check out the demos.](http://focus-trap.github.io/focus-trap/
|
|
31
|
+
[Check out the demos.](http://focus-trap.github.io/focus-trap/)
|
|
32
32
|
|
|
33
33
|
For more advanced usage (e.g. focus traps within focus traps), you can also pause a focus trap's behavior without deactivating it entirely, then unpause at will.
|
|
34
34
|
|
|
@@ -38,7 +38,18 @@ For more advanced usage (e.g. focus traps within focus traps), you can also paus
|
|
|
38
38
|
npm install focus-trap
|
|
39
39
|
```
|
|
40
40
|
|
|
41
|
-
|
|
41
|
+
### UMD
|
|
42
|
+
|
|
43
|
+
You can also use a UMD version published to `unpkg.com` as `dist/focus-trap.umd.js` and `dist/focus-trap.umd.min.js`.
|
|
44
|
+
|
|
45
|
+
> NOTE: The UMD build does not bundle the `tabbable` dependency. Therefore you will have to also include that one, and include it _before_ `focus-trap`.
|
|
46
|
+
|
|
47
|
+
```html
|
|
48
|
+
<head>
|
|
49
|
+
<script src="https://unpkg.com/tabbable/dist/index.umd.js"></script>
|
|
50
|
+
<script src="https://unpkg.com/focus-trap/dist/focus-trap.umd.js"></script>
|
|
51
|
+
</head>
|
|
52
|
+
```
|
|
42
53
|
|
|
43
54
|
## Browser Support
|
|
44
55
|
|
|
@@ -53,10 +64,11 @@ And its only dependency, tabbable, uses [a couple of IE9+ functions](https://git
|
|
|
53
64
|
### createFocusTrap(element[, createOptions])
|
|
54
65
|
|
|
55
66
|
```javascript
|
|
56
|
-
import
|
|
57
|
-
const
|
|
67
|
+
import * as focusTrap from 'focus-trap'; // ESM
|
|
68
|
+
const focusTrap = require('focus-trap'); // CJS
|
|
69
|
+
// UMD: `focusTrap` is defined as a global on `window`
|
|
58
70
|
|
|
59
|
-
|
|
71
|
+
trap = focusTrap.createFocusTrap(element[, createOptions]);
|
|
60
72
|
```
|
|
61
73
|
|
|
62
74
|
Returns a new focus trap on `element` (one or more "containers" of tabbable nodes that, together, form the total set of nodes that can be visited, with clicks or the tab key, within the trap).
|
|
@@ -68,21 +80,27 @@ Returns a new focus trap on `element` (one or more "containers" of tabbable node
|
|
|
68
80
|
|
|
69
81
|
> A focus trap must have at least one container with at least one tabbable/focusable node in it to be considered valid. While nodes can be added/removed at runtime, with the trap adjusting to added/removed tabbable nodes, __an error will be thrown__ if the trap ever gets into a state where it determines none of its containers have any tabbable nodes in them _and_ the `fallbackFocus` option does not resolve to an alternate node where focus can go.
|
|
70
82
|
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
- **onActivate** {
|
|
74
|
-
- **
|
|
75
|
-
- **
|
|
76
|
-
- **
|
|
77
|
-
- **
|
|
78
|
-
- **
|
|
79
|
-
- **
|
|
80
|
-
- **
|
|
81
|
-
- **
|
|
82
|
-
- **
|
|
83
|
-
-
|
|
84
|
-
|
|
85
|
-
|
|
83
|
+
#### createOptions
|
|
84
|
+
|
|
85
|
+
- **onActivate** `{() => void}`: A function that will be called **before** sending focus to the target element upon activation.
|
|
86
|
+
- **onPostActivate** `{() => void}`: A function that will be called **after** sending focus to the target element upon activation.
|
|
87
|
+
- **checkCanFocusTrap** `{(containers: Array<HTMLElement | SVGElement>) => Promise<void>}`: Animated dialogs have a small delay between when `onActivate` is called and when the focus trap is focusable. `checkCanFocusTrap` expects a promise to be returned. When that promise settles (resolves or rejects), focus will be sent to the first tabbable node (in tab order) in the focus trap (or the node configured in the `initialFocus` option). Due to the lack of Promise support, `checkCanFocusTrap` is not supported in IE unless you provide a Promise polyfill.
|
|
88
|
+
- **onDeactivate** `{() => void}`: A function that will be called **before** returning focus to the node that had focus prior to activation (or configured with the `setReturnFocus` option) upon deactivation.
|
|
89
|
+
- **onPostDeactivate** `{() => void}`: A function that will be called after the trap is deactivated, after `onDeactivate`. If the `returnFocus` deactivation option was set, it will be called **after** returning focus to the node that had focus prior to activation (or configured with the `setReturnFocus` option) upon deactivation; otherwise, it will be called after deactivation completes.
|
|
90
|
+
- **checkCanReturnFocus** `{(trigger: HTMLElement | SVGElement) => Promise<void>}`: An animated trigger button will have a small delay between when `onDeactivate` is called and when the focus is able to be sent back to the trigger. `checkCanReturnFocus` expects a promise to be returned. When that promise settles (resolves or rejects), focus will be sent to to the node that had focus prior to the activation of the trap (or the node configured in the `setReturnFocus` option). Due to the lack of Promise support, `checkCanReturnFocus` is not supported in IE unless you provide a Promise polyfill.
|
|
91
|
+
- **initialFocus** `{HTMLElement | SVGElement | string | () => HTMLElement | SVGElement}`: By default, when a focus trap is activated the first element in the focus trap's tab order will receive focus. With this option you can specify a different element to receive that initial focus. Can be a DOM node, or a selector string (which will be passed to `document.querySelector()` to find the DOM node), or a function that returns a DOM node.
|
|
92
|
+
- **fallbackFocus** `{HTMLElement | SVGElement | string | () => HTMLElement | SVGElement}`: By default, an error will be thrown if the focus trap contains no elements in its tab order. With this option you can specify a fallback element to programmatically receive focus if no other tabbable elements are found. For example, you may want a popover's `<div>` to receive focus if the popover's content includes no tabbable elements. *Make sure the fallback element has a negative `tabindex` so it can be programmatically focused.* The option value can be a DOM node, a selector string (which will be passed to `document.querySelector()` to find the DOM node), or a function that returns a DOM node.
|
|
93
|
+
- **escapeDeactivates** `{boolean}`: Default: `true`. If `false`, the `Escape` key will not trigger deactivation of the focus trap. This can be useful if you want to force the user to make a decision instead of allowing an easy way out.
|
|
94
|
+
- **clickOutsideDeactivates** `{boolean | (e: MouseEvent | TouchEvent) => boolean}`: If `true` or returns `true`, a click outside the focus trap will deactivate the focus trap and allow the click event to do its thing (i.e. to pass-through to the element that was clicked). This option **takes precedence** over `allowOutsideClick` when it's set to `true`. Default: `false`.
|
|
95
|
+
- ⚠️ If you're using a password manager such as 1Password, where the app adds a clickable icon to all fillable fields, you should avoid using this option, and instead use the `allowOutsideClick` option to better control exactly when the focus trap can be deactivated. The clickable icons are usually positioned absolutely, floating on top of the fields, and therefore _not_ part of the container the trap is managing. When using the `clickOutsideDeactivates` option, clicking on a field's 1Password icon will likely cause the trap to be unintentionally deactivated.
|
|
96
|
+
- **allowOutsideClick** `{boolean | (e: MouseEvent | TouchEvent) => boolean}`: If set and is or returns `true`, a click outside the focus trap will not be prevented, even when `clickOutsideDeactivates` is `false`. When `clickOutsideDeactivates` is `true`, this option is **ignored** (i.e. if it's a function, it will not be called). Use this option to control if (and even which) clicks are allowed outside the trap in conjunction with `clickOutsideDeactivates: false`. Default: `false`.
|
|
97
|
+
- ⚠️ If this is a function, it will be called **twice** on every click: First on `mousedown` (or `touchstart` on mobile), and then on the actual `click` if the function returned `true` on the first event. Be sure to check the event type if the double call is an issue in your code.
|
|
98
|
+
- **returnFocusOnDeactivate** `{boolean}`: Default: `true`. If `false`, when the trap is deactivated, focus will *not* return to the element that had focus before activation.
|
|
99
|
+
- **setReturnFocus** `{HTMLElement | SVGElement | string | () => HTMLElement | SVGElement}`: By default, focus trap on deactivation will return to the element that was focused before activation. With this option you can specify another element to programmatically receive focus after deactivation. Can be a DOM node, or a selector string (which will be passed to `document.querySelector()` to find the DOM node), or a function that returns a DOM node.
|
|
100
|
+
- **preventScroll** `{boolean}`: By default, focus() will scroll to the element if not in viewport. It can produce unintended effects like scrolling back to the top of a modal. If set to `true`, no scroll will happen.
|
|
101
|
+
- **delayInitialFocus** `{boolean}`: Default: `true`. Delays the autofocus to the next execution frame when the focus trap is activated. This prevents elements within the focusable element from capturing the event that triggered the focus trap activation.
|
|
102
|
+
|
|
103
|
+
### trap.activate([activateOptions])
|
|
86
104
|
|
|
87
105
|
Activates the focus trap, adding various event listeners to the document.
|
|
88
106
|
|
|
@@ -94,40 +112,44 @@ If focus is already within it the trap, it remains unaffected. Otherwise, focus-
|
|
|
94
112
|
|
|
95
113
|
If none of the above exist, an error will be thrown. You cannot have a focus trap that lacks focus.
|
|
96
114
|
|
|
97
|
-
Returns the `
|
|
115
|
+
Returns the `trap`.
|
|
98
116
|
|
|
99
117
|
`activateOptions`:
|
|
100
118
|
|
|
101
119
|
These options are used to override the focus trap's default behavior for this particular activation.
|
|
102
120
|
|
|
103
|
-
- **onActivate** {
|
|
121
|
+
- **onActivate** `{() => void}`: Default: whatever you chose for `createOptions.onActivate`. `null` or `false` are the equivalent of a `noop`.
|
|
122
|
+
- **onPostActivate** `{() => void}`: Default: whatever you chose for `createOptions.onPostActivate`. `null` or `false` are the equivalent of a `noop`.
|
|
123
|
+
- **checkCanFocusTrap** `{(containers: Array<HTMLElement | SVGElement>) => Promise<void>}`: Default: whatever you chose for `createOptions.checkCanFocusTrap`.
|
|
104
124
|
|
|
105
|
-
###
|
|
125
|
+
### trap.deactivate([deactivateOptions])
|
|
106
126
|
|
|
107
127
|
Deactivates the focus trap.
|
|
108
128
|
|
|
109
|
-
Returns the `
|
|
129
|
+
Returns the `trap`.
|
|
110
130
|
|
|
111
131
|
`deactivateOptions`:
|
|
112
132
|
|
|
113
133
|
These options are used to override the focus trap's default behavior for this particular deactivation.
|
|
114
134
|
|
|
115
|
-
- **returnFocus** {boolean}
|
|
116
|
-
- **onDeactivate** {
|
|
135
|
+
- **returnFocus** `{boolean}`: Default: whatever you chose for `createOptions.returnFocusOnDeactivate`.
|
|
136
|
+
- **onDeactivate** `{() => void}`: Default: whatever you chose for `createOptions.onDeactivate`. `null` or `false` are the equivalent of a `noop`.
|
|
137
|
+
- **onPostDeactivate** `{() => void}`: Default: whatever you chose for `createOptions.onPostDeactivate`. `null` or `false` are the equivalent of a `noop`.
|
|
138
|
+
- **checkCanReturnFocus** `{(trigger: HTMLElement | SVGElement) => Promise<void>}`: Default: whatever you chose for `createOptions.checkCanReturnFocus`. Not called if the `returnFocus` option is falsy. `trigger` is either the originally focused node prior to activation, or the result of the `setReturnFocus` configuration option.
|
|
117
139
|
|
|
118
|
-
###
|
|
140
|
+
### trap.pause()
|
|
119
141
|
|
|
120
142
|
Pause an active focus trap's event listening without deactivating the trap.
|
|
121
143
|
|
|
122
144
|
If the focus trap has not been activated, nothing happens.
|
|
123
145
|
|
|
124
|
-
Returns the `
|
|
146
|
+
Returns the `trap`.
|
|
125
147
|
|
|
126
148
|
Any `onDeactivate` callback will not be called, and focus will not return to the element that was focused before the trap's activation. But the trap's behavior will be paused.
|
|
127
149
|
|
|
128
150
|
This is useful in various cases, one of which is when you want one focus trap within another. `demo-six` exemplifies how you can implement this.
|
|
129
151
|
|
|
130
|
-
###
|
|
152
|
+
### trap.unpause()
|
|
131
153
|
|
|
132
154
|
Unpause an active focus trap. (See `pause()`, above.)
|
|
133
155
|
|
|
@@ -135,9 +157,9 @@ Focus is forced into the trap just as described for `focusTrap.activate()`.
|
|
|
135
157
|
|
|
136
158
|
If the focus trap has not been activated or has not been paused, nothing happens.
|
|
137
159
|
|
|
138
|
-
Returns the `
|
|
160
|
+
Returns the `trap`.
|
|
139
161
|
|
|
140
|
-
###
|
|
162
|
+
### trap.updateContainerElements()
|
|
141
163
|
|
|
142
164
|
Update the element(s) that are used as containers for the focus trap.
|
|
143
165
|
|
|
@@ -145,11 +167,11 @@ When you call the function `createFocusTrap`, you pass in an element (or selecto
|
|
|
145
167
|
|
|
146
168
|
A use case for this is found in focus-trap-react, where React `ref`'s may not be initialized yet, but when they are you want to have them be a container element.
|
|
147
169
|
|
|
148
|
-
Returns the `
|
|
170
|
+
Returns the `trap`.
|
|
149
171
|
|
|
150
172
|
## Examples
|
|
151
173
|
|
|
152
|
-
Read code in `
|
|
174
|
+
Read code in `docs/` and [see how it works](http://focus-trap.github.io/focus-trap/).
|
|
153
175
|
|
|
154
176
|
Here's what happens in `default.js` (the "default behavior" demo):
|
|
155
177
|
|
|
@@ -159,25 +181,16 @@ const { createFocusTrap } = require('../../dist/focus-trap');
|
|
|
159
181
|
const container = document.getElementById('default');
|
|
160
182
|
|
|
161
183
|
const focusTrap = createFocusTrap('#default', {
|
|
162
|
-
onActivate:
|
|
163
|
-
|
|
164
|
-
},
|
|
165
|
-
onDeactivate: function () {
|
|
166
|
-
container.className = 'trap';
|
|
167
|
-
},
|
|
184
|
+
onActivate: () => container.classList.add('is-active'),
|
|
185
|
+
onDeactivate: () => container.classList.remove('is-active'),
|
|
168
186
|
});
|
|
169
187
|
|
|
170
188
|
document
|
|
171
189
|
.getElementById('activate-default')
|
|
172
|
-
.addEventListener('click',
|
|
173
|
-
focusTrap.activate();
|
|
174
|
-
});
|
|
175
|
-
|
|
190
|
+
.addEventListener('click', focusTrap.activate);
|
|
176
191
|
document
|
|
177
192
|
.getElementById('deactivate-default')
|
|
178
|
-
.addEventListener('click',
|
|
179
|
-
focusTrap.deactivate();
|
|
180
|
-
});
|
|
193
|
+
.addEventListener('click', focusTrap.deactivate);
|
|
181
194
|
```
|
|
182
195
|
|
|
183
196
|
## Other details
|
|
@@ -219,24 +232,29 @@ In alphabetical order:
|
|
|
219
232
|
<!-- markdownlint-disable -->
|
|
220
233
|
<table>
|
|
221
234
|
<tr>
|
|
222
|
-
<td align="center"><a href="
|
|
223
|
-
<td align="center"><a href="https://
|
|
224
|
-
<td align="center"><a href="https://github.com/
|
|
225
|
-
<td align="center"><a href="
|
|
226
|
-
<td align="center"><a href="https://github.com/
|
|
227
|
-
<td align="center"><a href="https://
|
|
228
|
-
<td align="center"><a href="https://github.com/
|
|
235
|
+
<td align="center"><a href="https://github.com/bparish628"><img src="https://avatars1.githubusercontent.com/u/8492971?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Benjamin Parish</b></sub></a><br /><a href="https://github.com/focus-trap/focus-trap/issues?q=author%3Abparish628" title="Bug reports">🐛</a></td>
|
|
236
|
+
<td align="center"><a href="https://clintgoodman.com"><img src="https://avatars3.githubusercontent.com/u/5473697?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Clint Goodman</b></sub></a><br /><a href="https://github.com/focus-trap/focus-trap/commits?author=cgood92" title="Code">💻</a> <a href="https://github.com/focus-trap/focus-trap/commits?author=cgood92" title="Documentation">📖</a> <a href="#example-cgood92" title="Examples">💡</a> <a href="https://github.com/focus-trap/focus-trap/commits?author=cgood92" title="Tests">⚠️</a></td>
|
|
237
|
+
<td align="center"><a href="https://github.com/Dan503"><img src="https://avatars.githubusercontent.com/u/10610368?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Daniel Tonon</b></sub></a><br /><a href="https://github.com/focus-trap/focus-trap/commits?author=Dan503" title="Documentation">📖</a> <a href="#tool-Dan503" title="Tools">🔧</a> <a href="#a11y-Dan503" title="Accessibility">️️️️♿️</a> <a href="https://github.com/focus-trap/focus-trap/commits?author=Dan503" title="Code">💻</a></td>
|
|
238
|
+
<td align="center"><a href="http://davidtheclark.com/"><img src="https://avatars2.githubusercontent.com/u/628431?v=4?s=100" width="100px;" alt=""/><br /><sub><b>David Clark</b></sub></a><br /><a href="https://github.com/focus-trap/focus-trap/commits?author=davidtheclark" title="Code">💻</a> <a href="https://github.com/focus-trap/focus-trap/issues?q=author%3Adavidtheclark" title="Bug reports">🐛</a> <a href="#infra-davidtheclark" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="https://github.com/focus-trap/focus-trap/commits?author=davidtheclark" title="Tests">⚠️</a> <a href="https://github.com/focus-trap/focus-trap/commits?author=davidtheclark" title="Documentation">📖</a> <a href="#maintenance-davidtheclark" title="Maintenance">🚧</a></td>
|
|
239
|
+
<td align="center"><a href="https://github.com/features/security"><img src="https://avatars1.githubusercontent.com/u/27347476?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Dependabot</b></sub></a><br /><a href="#maintenance-dependabot" title="Maintenance">🚧</a></td>
|
|
240
|
+
<td align="center"><a href="https://github.com/michael-ar"><img src="https://avatars3.githubusercontent.com/u/18557997?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Michael Reynolds</b></sub></a><br /><a href="https://github.com/focus-trap/focus-trap/issues?q=author%3Amichael-ar" title="Bug reports">🐛</a></td>
|
|
241
|
+
<td align="center"><a href="https://github.com/liunate"><img src="https://avatars2.githubusercontent.com/u/38996291?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Nate Liu</b></sub></a><br /><a href="https://github.com/focus-trap/focus-trap/commits?author=liunate" title="Tests">⚠️</a></td>
|
|
229
242
|
</tr>
|
|
230
243
|
<tr>
|
|
231
|
-
<td align="center"><a href="https://
|
|
232
|
-
<td align="center"><a href="https://github.com/
|
|
233
|
-
<td align="center"><a href="https://scottblinch.me/"><img src="https://avatars2.githubusercontent.com/u/4682114?v=4" width="100px;" alt=""/><br /><sub><b>Scott Blinch</b></sub></a><br /><a href="https://github.com/focus-trap/focus-trap/commits?author=scottblinch" title="Documentation">📖</a></td>
|
|
234
|
-
<td align="center"><a href="https://
|
|
235
|
-
<td align="center"><a href="https://
|
|
236
|
-
<td align="center"><a href="https://
|
|
244
|
+
<td align="center"><a href="https://github.com/randypuro"><img src="https://avatars2.githubusercontent.com/u/2579?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Randy Puro</b></sub></a><br /><a href="https://github.com/focus-trap/focus-trap/issues?q=author%3Arandypuro" title="Bug reports">🐛</a></td>
|
|
245
|
+
<td align="center"><a href="https://github.com/sadick254"><img src="https://avatars2.githubusercontent.com/u/5238135?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Sadick</b></sub></a><br /><a href="https://github.com/focus-trap/focus-trap/commits?author=sadick254" title="Code">💻</a> <a href="https://github.com/focus-trap/focus-trap/commits?author=sadick254" title="Tests">⚠️</a> <a href="https://github.com/focus-trap/focus-trap/commits?author=sadick254" title="Documentation">📖</a></td>
|
|
246
|
+
<td align="center"><a href="https://scottblinch.me/"><img src="https://avatars2.githubusercontent.com/u/4682114?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Scott Blinch</b></sub></a><br /><a href="https://github.com/focus-trap/focus-trap/commits?author=scottblinch" title="Documentation">📖</a></td>
|
|
247
|
+
<td align="center"><a href="https://seanmcp.com/"><img src="https://avatars1.githubusercontent.com/u/6360367?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Sean McPherson</b></sub></a><br /><a href="https://github.com/focus-trap/focus-trap/commits?author=SeanMcP" title="Code">💻</a> <a href="https://github.com/focus-trap/focus-trap/commits?author=SeanMcP" title="Documentation">📖</a></td>
|
|
248
|
+
<td align="center"><a href="https://recollectr.io"><img src="https://avatars2.githubusercontent.com/u/6835891?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Slapbox</b></sub></a><br /><a href="https://github.com/focus-trap/focus-trap/issues?q=author%3ASlapbox" title="Bug reports">🐛</a></td>
|
|
249
|
+
<td align="center"><a href="https://stefancameron.com/"><img src="https://avatars3.githubusercontent.com/u/2855350?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Stefan Cameron</b></sub></a><br /><a href="https://github.com/focus-trap/focus-trap/commits?author=stefcameron" title="Code">💻</a> <a href="https://github.com/focus-trap/focus-trap/issues?q=author%3Astefcameron" title="Bug reports">🐛</a> <a href="#infra-stefcameron" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="https://github.com/focus-trap/focus-trap/commits?author=stefcameron" title="Tests">⚠️</a> <a href="https://github.com/focus-trap/focus-trap/commits?author=stefcameron" title="Documentation">📖</a> <a href="#maintenance-stefcameron" title="Maintenance">🚧</a></td>
|
|
250
|
+
<td align="center"><a href="http://tylerhawkins.info/201R/"><img src="https://avatars0.githubusercontent.com/u/13806458?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Tyler Hawkins</b></sub></a><br /><a href="#tool-thawkin3" title="Tools">🔧</a> <a href="https://github.com/focus-trap/focus-trap/commits?author=thawkin3" title="Tests">⚠️</a> <a href="https://github.com/focus-trap/focus-trap/commits?author=thawkin3" title="Documentation">📖</a></td>
|
|
251
|
+
</tr>
|
|
252
|
+
<tr>
|
|
253
|
+
<td align="center"><a href="https://github.com/zioth"><img src="https://avatars3.githubusercontent.com/u/945603?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Zioth</b></sub></a><br /><a href="#ideas-zioth" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/focus-trap/focus-trap/issues?q=author%3Azioth" title="Bug reports">🐛</a></td>
|
|
237
254
|
</tr>
|
|
238
255
|
</table>
|
|
239
256
|
|
|
240
|
-
<!-- markdownlint-
|
|
257
|
+
<!-- markdownlint-restore -->
|
|
241
258
|
<!-- prettier-ignore-end -->
|
|
259
|
+
|
|
242
260
|
<!-- ALL-CONTRIBUTORS-LIST:END -->
|