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

Comments

@ghost
Copy link

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

Versions

Libraries:

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

Environment:

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

Demo link

https://codepen.io/JayToZeDoubleU/pen/QWWwxxp?editors=1010

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.

@tmorehouse
Copy link
Member

@tmorehouse tmorehouse commented Oct 8, 2019

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

@tmorehouse
Copy link
Member

@tmorehouse tmorehouse commented Oct 8, 2019

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.

@tmorehouse
Copy link
Member

@tmorehouse tmorehouse commented Oct 11, 2019

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