qwikifiers / qwikifiers/qwik-ui
[🐞] Tabs - the short version not working
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 695
- Forks
- 142
- PR merge metrics
- No merged PRs in 30d
Description
Which package is affected?
Headless Kit
Describe the bug
I inserted the short version in a route of my project and it gives me an this error
Cannot read properties of undefined (reading 'tabId')
the normal version instead works
Reproduction
https://github.com/gimonaa/qwikui.qwik
Steps to reproduce
Run npm install and npm run dev
System Info
System:
OS: macOS 15.0
CPU: (8) arm64 Apple M2
Memory: 151.16 MB / 8.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 22.5.1 - ~/.nvm/versions/node/v22.5.1/bin/node
npm: 10.8.2 - ~/.nvm/versions/node/v22.5.1/bin/npm
pnpm: 9.6.0 - ~/Library/pnpm/pnpm
Browsers:
Chrome: 129.0.6668.70
Safari: 18.0
npmPackages:
@qwik-ui/headless: ^0.6.1 => 0.6.1
Additional Information
http://localhost:5174/tabs/short/ does not work
http://localhost:5174/tabs/full/ works
Contributor guide
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.
Research direction
Start with the linked reproduction repository and run npm install followed by npm run dev. Compare /tabs/short/, which currently raises Cannot read properties of undefined (reading 'tabId'), with the working /tabs/full/ route and inspect the @qwik-ui/headless Tabs short version. Done means the short route works without the error while the full route continues to work.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100