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

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

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

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

xcjs opened this issue Jan 24, 2018 · 3 comments

Comments

@xcjs
Copy link

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
Copy link
Author

xcjs commented Jan 24, 2018

Another example:

2018-01-24 17_59_52-lmi intake

@pi0
Copy link
Member

pi0 commented Jan 25, 2018

Workaround coming soon:

image

@pi0 pi0 closed this as completed in 7df01ff Jan 25, 2018
@uginroot
Copy link

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
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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants