border-radius please help

[kosirm]

Choices looks perfect, I just want to keep border radius (upper left corner and upper right corner) when dropdown is opened.

This is closed:

This is opened:

I would like on upper corners to keep border radious when dropdown is opened:

Thanks for any hint, how to do this.

[fraudoudou]

You can check out the examples for an example like that: https://choices-js.github.io/Choices/ –– in short what you need to do:

/* default border-radius */
.choices__inner {
    border-radius: ...
}

/* reset bottom border-radius if open */
.choices.is-open .choices__inner {
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset;
}

Hope that helps!