Select options do not appear, multiselect is grayed out

[boriskogan81]

I'm using React 15.5, and have Bootstrap 4 included in the project.

My code:

<Dropdown
	onChange={event => {
		this.setState({
			yearFilter: this.value(this.refs.yieldYears)
		});
	}}
	ref="yieldYears"
	data={[
		{ value: 'average', selected: true },
		{ value: 2017, label: '2017' },
		{ value: 2018, label: '2018' }
	]}
	multiple
/>

My element appears like this:

When I inspect the element, the HTML looks fine:

`
average 2017 2018

average

• average
• 2017
• 2018

`

[skratchdot]

I'll take a look at this over the weekend. It might be due to bootstrap 3 vs bootstrap 4 (but I'm not sure). I'm going to try to update this library, and add some better tests and documentation.

[boriskogan81]

Great, thanks a lot. This package is perfect for a project I'm working on, and I'm really hoping to be able to put it to use.

[boriskogan81]

Any update on this?

[skratchdot]

@boriskogan81 - I did start updating/re-writing the lib a month ago, but I didn't have enough time to write unit tests and publish my changes. You can checkout the v3 branch here: https://github.com/skratchdot/react-bootstrap-multiselect/commits/v3

I'll try to finish it up (and publish) maybe next weekend.

I'm guessing your original issue is due to using bootstrap 4 (instead of 3)- but I haven't tried to reproduce it yet.