Repository navigation
The trigger element which hides and shows the DevTools panel is not keyboard operable. #230
Description
Activity
Opened a PR for this: #235
The click handler was on the svg inside the toggle button rather than on the button itself, so Enter/Space never reached it. Also did the focus part you mentioned, in both directions: focus moves to the close button when the panel opens, and back to the toggle when it closes, since the trigger gets unmounted either way.
The
Logoelement which shows and hides the panel does so via anonClickattribute on asvgelement. The parentButtonelement doesn't have any event handlers. This means that the user can't hide/show the panel using the keyboard.To fix this, remove the
actionprop from theLogo, and the click handler from its SVG, and move the handler to theButtonindevToolUI.tsx. It will also be necessary to manually set keyboard focus when the panel is shown, since theButtondisappears in this case. I suggest setting focus to the "x" button in the panel itself.