bump focus-trap-react (#872)

* bump focus-trap-react

* Configure focustrap for legacy timing issues w/ enzyme

Author: dxu429

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "clever-components",
-  "version": "2.235.0",
+  "version": "2.236.0",
   "description": "A library of helpful React components and less styles",
   "repository": {
     "type": "git",
@@ -26,7 +26,7 @@
     "classnames": "~2.2.5",
     "core-js": "^2.4.1",
     "downshift": "6.1.3",
-    "focus-trap-react": "^7.0.1",
+    "focus-trap-react": "^10.3.1",
     "less": "^3.8.1",
     "linkify-it": "^3.0.2",
     "lodash": "^4.14.1",

package.json

@@ -112,7 +112,20 @@ export class Modal extends React.Component<Props, State> {
     let modal;
     if (this.props.focusLocked) {
       modal = (
-        <FocusTrap focusTrapOptions={{ initialFocus: '[aria-label="close modal window"]' }}>
+        <FocusTrap
+          focusTrapOptions={{
+            checkCanFocusTrap: async (containers) => {
+              const hasFocusTarget = containers.some((container) =>
+                container.matches('[aria-label="close modal window"]'),
+              );
+              if (!hasFocusTarget) {
+                await new Promise((resolve) => setTimeout(resolve, 100));
+              }
+            },
+            initialFocus: '[aria-label="close modal window"]',
+            delayInitialFocus: true,
+          }}
+        >
           {modalContent}
         </FocusTrap>
       );