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

Closed
xcjs opened this Issue Jan 24, 2018 · 3 comments

Comments

Projects
None yet
3 participants
@xcjs

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

@xcjs

This comment has been minimized.

xcjs commented Jan 24, 2018

Another example:

2018-01-24 17_59_52-lmi intake

@pi0

This comment has been minimized.

Member

pi0 commented Jan 25, 2018

Workaround coming soon:

image

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

@uginroot

This comment has been minimized.

uginroot commented Feb 20, 2018

image

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

Open

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