[React] Only click on checkbox (not on label) triggers change event

Adobe XD UXP Plugin API
1

The title should say all.

I do not know if this only happens with React.

2

What version of XD are you running?

3

Adobe XD Prerelease (20.0.25.3).
I’m using it in a panel (not a modal dialog).

This is how the render method in the component looks like:

render() {
        return (
            <label className="row" style={{alignItems: "center"}}>
                <input 
                    type="checkbox" 
                    onChange={this.handleChkbxChange}
                />
                <span>Checkbox Test</span>
            </label>
        );
    }
4

Hang tight. This should be fixed in the next prerelease.

1 Like
5

Can confirm that is fixed in Version 20.0.25.14.

Thanks!

6

Actually, it’s only sorta fixed in 20.0.25.14. If you click quickly on a React-built checkbox itself, it works fine. If you click quickly on the label, it only works sporadically…

7

Yep, you are right …