dequelabs / dequelabs/cauldron
Checkbox capture event propagation
- Dominant language
- TypeScript
- Stars
- 127
- Forks
- 31
- Avg merge
- 2d 12h
- Merged PRs (30d)
- 8
Description
The only way to prevent a Checkbox event from propagating up to a parent is to use `onChangeCapture={(e) => e.stopPropagation}`, but using that prevents it from being activated with space.
2 events firing due to propagation to parent element (table row) with `onChangeCapture={(e) => e.stopPropagation}` commented out:

1 event firing with `onChangeCapture={(e) => e.stopPropagation}`:

2 events firing due to propagation to parent element (table row) with `onChangeCapture={(e) => e.stopPropagation}` commented out, able to interact with the Checkbox using space:
https://user-images.githubusercontent.com/99676396/177603536-6b9b0b58-2538-45a2-8b1a-a7236d8da595.mov
1 event firing with `onChangeCapture={(e) => e.stopPropagation}`, unable to interact with the Checkbox using space:
https://user-images.githubusercontent.com/99676396/177603539-2410d471-22e9-49f8-9971-73792efb4696.mov
Contributor guide
Assessment
This issue has not been assessed yet.