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

Using a Dropdown and Button in an Input Group Renders Incorrectly #1560

xcjs opened this Issue Jan 24, 2018 · 3 comments


None yet
3 participants

xcjs commented Jan 24, 2018

Windows 7 x64 with Google Chrome and Vue 2.0.0-rc.0

The dropdown appears to have rounded corners where it shouldn't.

2018-01-24 17_57_36-lmi intake


This comment has been minimized.

xcjs commented Jan 24, 2018

Another example:

2018-01-24 17_59_52-lmi intake


This comment has been minimized.


pi0 commented Jan 25, 2018

Workaround coming soon:


@pi0 pi0 closed this in 7df01ff Jan 25, 2018


This comment has been minimized.

uginroot commented Feb 20, 2018


input-group-text(width) + input-group-append(width) != 100%
input-group-text(width) != form-control(width)

input-group-text + input-group-append - width does not stretch
form-select - bad border radius in append and preppend
input-group-text - bad border radius if is before input-group-prepend

tmorehouse added a commit that referenced this issue Oct 30, 2018

fix(input-group): Styling fix for dropdowns, radio and checkbox groups.
Fixes #2114,#1560 (#2118)

* Create input-group.css

* import css into input-group

* dropdown use input-group.css

* form-radio-group import input-group.css

* form-checkbox-group import input-group.css

* dropdown add comment

* dropdown.css replaced by input-group.css

@tmorehouse tmorehouse referenced this issue Nov 14, 2018


Bootstrap-Vue V2.0.0 Tracker #2173

67 of 77 tasks complete
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment