React-select: [2.0] Disabling options doesn't work anymore

Created on 14 Jun 2018 · 5Comments · Source: JedWatson/react-select

Hello,

Disabling an option doesn't work anymore.

The documentation says we should just add a disabled: true to the options to make it grayed but now it's not working, even by setting isOptionDisabled={() => false}.

Any ideas?

Source

zachary95

Most helpful comment

@gwyneplaine, but the document says:
You can use a disabled property to indicate whether the option is disabled or not.
This might misleading other peoples, thx!!!

jack8966 on 5 Jul 2018

👍3

All 5 comments

Hi,

Can you point the link to the documentation where it states that passing disabled property to the options marks it as disabled?I can not find it.

Anyway, isOptionDisabled works, here is working example.

Your function return false so the option is not disabled.

Cheers!

smoleniuch on 17 Jun 2018

@TheSuperFly, as specified by @smoleniuch above, we expose an isOpbionDisabled prop of the following shape (option) => !!option.isDisabled, which defaults to checking for a 'isDisabled' property on your option.

gwyneplaine on 19 Jun 2018

@gwyneplaine, but the document says:
You can use a disabled property to indicate whether the option is disabled or not.
This might misleading other peoples, thx!!!

jack8966 on 5 Jul 2018

👍3

The examples use a 'disabled' property which was misleading.