search

skratchdot / react-bootstrap-multiselect

A multiselect component for react (with bootstrap). This is a react port of bootstrap-multiselect.
http://projects.skratchdot.com/react-bootstrap-multiselect/
Other
119 stars 61 forks source link

Select options do not appear, multiselect is grayed out #82

Open boriskogan81 opened 6 years ago

boriskogan81 commented 6 years ago

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:

image

When I inspect the element, the HTML looks fine:

`

    `
    skratchdot commented 6 years ago

    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 commented 6 years ago

    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 commented 6 years ago

    Any update on this?

    skratchdot commented 6 years ago

    @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.