Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Spacing of b-dropdown-form inside b-nav-item-dropdown #4220


Copy link

ghost commented Oct 8, 2019

Describe the bug

I'm currently working on a dropdown-form in a nav-item-dropdown. The spacing of my form-group doesn't work and my searchbar is stretched to the side of the dropdown unlike text which is spaced correctly.

Steps to reproduce the bug

See codepen linked below!

Expected behavior

The spacing on the left und right side of my searchbar is similiar to the spacing of my text below.



  • BootstrapVue: 2.0.0-rc.19
  • Bootstrap: 4.3.1
  • Vue: 2.6.10


  • Device: PC
  • OS: Windows 10 (64_bit)
  • Browser: Mozilla Firefox
  • Version: 69.0.1 (64-Bit)

Demo link

Additional context

So far the only workaround is to add class="b-dropdown-text" to the dropdown-form or to wrap a dropdown-text around the dropdown-form.

Copy link

This appears to be a bug in our custom SCSS with dropdown forms.

Copy link

Fix will be available in v2.0.4

Temporary work-around would be to add class b-dropdown to the <b-nav-item-dropdown> component.

Copy link

Bootstrap v2.0.4 has been released.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment