Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Error: Uncaught [SyntaxError: 'slot):not([inert]' is not a valid selector] #992

Closed
cwellmoney20 opened this issue May 10, 2023 · 2 comments

Comments

@cwellmoney20
Copy link

cwellmoney20 commented May 10, 2023

This is my first time using this library, so maybe I'm doing something wrong. But when I run my tests I am seeing this error:
Error: Uncaught [SyntaxError: 'slot):not([inert]' is not a valid selector]

Have you seen this before? I did some digging and the error may thrown from focus-trap/tabbable

We're using @testing-library/react and @testing-library/jest-dom

Here is an example of some of the code:

             <FocusTrap
                focusTrapOptions={{
                  clickOutsideDeactivates: true,
                  fallbackFocus: '#dialog-content-container',
                }}
              >
                <div id="dialog-content-container" tabIndex={-1}>
                  <div className="y_modal-content">{children}</div>
                </div>
              </FocusTrap>
@stefcameron
Copy link
Member

Yes, please see #986. It's a dependency issue. Fixed just today in v10.1.2 🙂

@cwellmoney20
Copy link
Author

@stefcameron thank you for your quick response and fix! I will test out the new version

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants