Atlaskit select onchange not working


we are currently trying to add Atlaskit to our Serverapp lineup. We have the problem, that the onChange method for the select field is not firing at all, whereas other onChange (radio button) fires.

// Not firing
<Field name="select-field-test"
    label="Select Field Test"
    {({ fieldProps }: any) => (
            <Select className="single-select"
                placeholder="Please select a value"
                onChange={() => console.log("foo")}

                    { label: "A", value: "a" },
                    { label: "B", value: "b" },
                    { label: "C", value: "c" },

// works
<Field name="radio">
    {({ fieldProps }: any) => (
                onChange={(val: Object, action: Object) => { console.log(val) }}

We are using the following packages:

    "styled-components": "^3.2.6"
    "@atlaskit/form": "^8.1.0",
    "@atlaskit/select": "^13.0.4",

Can anyone help me with this?

Best regards,

Hey @alexander.auer1, I verified it. It’s firing onChange
Add sandbox link here

Hi, I can confirm that it is also not working for me.
I tried both "@atlaskit/select": "13.0.4" and "@atlaskit/select": "^13.1.1".

I’m not using css-reset, will it be the problem?

Could you please provide sandbox link :slight_smile:

Hi @ManishYadav, the problem is solved somehow, and the onChange event fired.

1 Like