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

inert not blocking user interaction #1422

Open
csantos1113 opened this issue Apr 29, 2024 · 0 comments
Open

inert not blocking user interaction #1422

csantos1113 opened this issue Apr 29, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@csantos1113
Copy link

csantos1113 commented Apr 29, 2024

when inert is present, it should block any interaction (focus, click, hover) on the given component.

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://stackblitz.com/edit/vitest-dev-vitest-dkwbqj?file=test%2Fbasic.test.tsx,package.json
  2. See error in the test console

Expected behavior
Should not be able to click the button with inert property present

Current behavior
The button is still clickable

Device:

  • OS: N/A
  • Browser vitest
  • Version 14.7.1

Additional context

inert should block any interaction on all descendent children, for example:

<div inert>
  <button />
  <input />
</div>

Should block interaction in both elements: button and input.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant