[rudycelekli]

Bug

In a note's preview, a task nested under another task can't be toggled on its own:

- [ ] Pack
  - [ ] Passport

Clicking the Passport checkbox ticks Pack too. The click bubbles from the child's <li> to the parent task's <li>. Both handlers see the same <input> as e.target, so both call onToggleTask. The toggle uses a functional state update, so both lines flip.

Fix

The list-item handler now toggles only when the clicked checkbox belongs to that item (target.closest("li") === e.currentTarget). Clicking the parent's own checkbox works as before. taskComponents is exported so the test can call the item handler directly.

Test

apps/web/test/markdown-tasks.test.ts calls the child item handler, then the parent item handler, with the same checkbox target, the way the browser bubbles the click. It expects only the child line to toggle.

cd apps/web && npx vitest run test/markdown-tasks.test.ts

• Before the fix (current main plus the export): fails, expected [ [ 1 ], [ +0 ] ] to deeply equal [ [ 1 ] ]. The parent line was toggled too.
• After the fix: passes. The full web suite passes (5 files, 21 tests), and npm run typecheck and biome are clean in apps/web.

[rociiu]

Thanks @rudycelekli — clear write-up and a solid regression test. Merging!