Elements inside the DevTools shouldn't be focusable when the DevTools are closed

Open

#198 opened on Jun 16, 2023 0 comments 3 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty: 3/5
Estimated time: 1-2 days
Newbie friendliness: 45/100

Issue type: Bug
Clarity: Mostly clear
Activity status: Stale
Tech stack: react, typescript
Domain: accessibility, frontend

Research direction

Start by reproducing the issue with the DevTools mounted but closed, then trace the DevTools closed-state rendering and focus behavior. Verify the fix by cycling focus through the page and confirming that no elements inside the closed DevTools receive focus.

Written by the indexing model from the issue text.

Description

Currently if you try to cycle the focus through all the elements in the page, for a while it seems like nothing is happening. In reality, what's happening is all the elements inside the DevTools are getting focused even though they're not visible.

Obviously this component is not meant to ever be seen by end users, but it's really annoying to test accessibility during development when this component is mounted.

Dominant language: TypeScript
Stars: 670
Forks: 55
PR merge metrics: No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

First steps

Read the whole issue, then the project's contributing guide.
Comment on the issue to say you are picking it up — it saves two people doing the same work.
Fork the repository and make your change on a branch.
Open a pull request that references the issue number.

More from react-hook-form/devtools

New release with uuid update to fix security alert (GHSA-w5hq-g745-h8pq uuid: Missing buffer bounds check in v3/v5/v6 when buf is provided) Open

Difficulty 3/5 1-2 days Newbie friendliness 45/100

react-hook-form/devtools#234 · 1 comment · 5 reactions · Opened Jun 1, 2026
Multi step form or conditional rendering with DevTool console get an error Cannot update a component (`FormItemTest`) while rendering a different component (`FormItemTest`). To locate the bad setState() call inside `FormItemTest` Open

Difficulty 3/5 1-2 days Newbie friendliness 42/100

react-hook-form/devtools#226 · 3 reactions · Opened Sep 10, 2025
DevTool control prop does not match Control type output by `useForm` Open

Difficulty 2/5 1-3 hours Newbie friendliness 55/100

react-hook-form/devtools#223 · 2 reactions · Opened Jun 16, 2025
DevTools in production Open

Difficulty 2/5 1-3 hours Newbie friendliness 25/100

react-hook-form/devtools#212 · 5 comments · 8 reactions · Opened Jul 26, 2024
issue: Warning: Cannot update a component (`DevTool`) while rendering a different component. Open

Difficulty 4/5 3-5 days Newbie friendliness 45/100

react-hook-form/devtools#208 · 13 comments · 21 reactions · Opened Apr 16, 2024

All issues in react-hook-form/devtools

Similar issues

portal pins drifted from wallet main Open

Difficulty 2/5 1-3 hours Newbie friendliness 72/100

0xMiden/bridge-portal#132 · Opened Sep 21, 2026
Cloudflare scaffold recommends the keyless cloudflare/... model but never declares the AI binding it requires Open

Difficulty 2/5 1-3 hours Newbie friendliness 78/100

withastro/flue#739 · Opened Sep 21, 2026
getEcashRowColors throws on the default theme: buttonGradient is an array, blendHexColors expects a string Open

Difficulty 2/5 1-3 hours Newbie friendliness 82/100

ZeusLN/zeus#4687 · Opened Sep 21, 2026
Do not render a phantom EOF line in read output Open

area:tools bug good first issue help wanted priority:P2

Difficulty 2/5 1-3 hours Newbie friendliness 90/100

TaewoooPark/Motifcode#14 · Opened Sep 21, 2026
Antigravity CLI: PostToolUse hook misidentified as PreToolUse due to `toolCall` check, causing protojson error Open

bug

Difficulty 2/5 1-3 hours Newbie friendliness 84/100

newrelic-experimental/preflight#793 · 1 comment · Opened Sep 21, 2026

More TypeScript issues

A short digest of beginner-friendly GitHub issues.