Clicking on the resizing handle triggers click on the column header - Githubissues

vmware-clarity / core

Clarity is a scalable, accessible, customizable, open-source design system built with web components. Works with any JavaScript framework, created for enterprises, and designed to be inclusive.

https://clarity.design

MIT License

164 stars 42 forks source link

Clicking on the resizing handle triggers click on the column header #227

Open squidjam opened 1 year ago

squidjam commented 1 year ago

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:

Build the table as instructed above
Click on the resizing handle
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 commented 3 months ago

plink