-
-
Notifications
You must be signed in to change notification settings - Fork 78.8k
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
Buttons in input groups have height mismatched and not align properly with the input box on IE #22690
Comments
I'm seeing the same thing on 3.3.7 + Electron 1.6.2. The bottom row of the input jitters up and down 1-pixel as the responsive columns change size. I can make it go away by reordering the position of the rows, or using multiple containers, but it is super annoying. |
Seeing the same of v4.beta |
Closed
Fixed by #23810. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
So on IE with the latest dev commit, I noticed that the button addon within the .input-group-btn does not have the proper height or align properly with the input box. I believe this is a regression issue because when I checked with the Alpha 6 on the official website, this does not happen. I already checked both case #20155 and case #18083 but they already have been fixed and applied only to the Alpha 6 version.
Here is the codepen to demonstrate the problem with up to date Bootstrap dev commit CSS and JS:
https://codepen.io/nguyenthai/pen/QvYXJz
Viewing it on IE yield the problem. Also I have attached some screenshots.
This is what it looks like on the Alpha 6 version on IE
This is what it looks like on the latest dev commit on IE
Chrome nor Firefox does not have this issue. IE version is 11.296.15063 running on latest Windows 10 v1703.
The text was updated successfully, but these errors were encountered: