Clicking on the resizing handle triggers click on the column header

[squidjam]

trafficstars

Describe the bug

Clicking on the resizing handle triggers click on the column header

How to reproduce

Build a table using a resizable column, making sure at least one of the columns is resizable and has an onclick event.

Steps to reproduce the behavior:

1. Build the table as instructed above
2. Click on the resizing handle
3. The onclick triggers for the column header

Expected behavior

The handle's click event should not propagate

Versions

Clarity project:

• [x] Clarity Core
• [ ] Clarity Angular/UI

Clarity version:

• [ ] v5.x
• [x] v6.x

Framework:

• [ ] Angular
• [x] React
• [ ] Vue
• [ ] Other:

Framework version: React: 18

Device:

• Type: Dell Laptop
• OS: Windows 10
• Browser: Edge 111.x, Chrome 106.x

Additional notes

I know this component set is still up for us to check and give feedback. (Thanks for all your great work).

[squidjam]

plink