Open
Description
Describe the bug
When terminal is hidden by default, it's still possible to navigate to that hidden element with keyboard or assistive technologies. Even writing commands to the terminal works.
Link to a StackBlitz project which shows the error
No response
Steps to reproduce
- Create lesson with:
---
type: lesson
title: Default
mainCommand: ''
prepareCommands: []
terminal:
panels: terminal
---
# Terminal test - Default
- Navigate to
Toggle terminal
with keyboard - Navigate 2-3 tab stops more
- Focus is now on visually invisible element
- Write commands like
npm start
- Vite server from template starts
Expected behavior
When terminal is not visually present, it should not be part of tab order or accessibility tree. Maybe it shouldn't even be in the DOM.
Screenshots
JS console logs the document.activeElement
while I'm navigating the DOM with keyboard. When textarea
is reached, I'm writing npm run start
.
hidden-terminal-available.mov
Platform
- TutorialKit version: 0.1.4
Additional context
No response