Ng2-select: [email protected] breaks dropdown css

[jspenc72]

Just a warning that the 4.0.0 alpha release for bootstrap 4 breaks the drop down css.

You can reproduce error with

npm i bootstrap@next --save 

or

npm i [email protected] --save

[anrepppp]

+1

[anrepppp]

what is the solution?

[jspenc72]

I locked my dependency at a compatible version for now... I haven't seen any solutions. @anvesh48

[andreirk]

+1

[jmls]

anyone got a fix for this ? desperately need the select to work ;)

[caglarturkurka]

Hi, I wonder that when will you solve ng2-select problem with bootstrap alpha.6

[lucasgladding]

It looks like they just switched 'open' to 'show' on the dropdown parent. A quick fix would be adding this as custom CSS to your project.

.open {
  > .dropdown-menu {
    display: block;
  }
  > a {
    outline: 0;
  }
}

I'll try to put together a pull request for it. I would just add 'show' to the select component template, though I need to check to confirm that.

[coyotte508]

Another temporary fix is:

  <script src="https://v4-alpha.getbootstrap.com/dist/js/bootstrap.min.js"></script>

They have the correct javascript already on their demo page.

[optimistex]

Work by supporting Bootstrap 4 was planned: https://github.com/optimistex/ng2-select-ex/issues/5