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.

Sign up for GitHub

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

Jump to bottom

Validation tooltip inside input-group displays incorrectly in IE11 #25511

Closed
sktw opened this issue Jan 30, 2018 · 2 comments · Fixed by #30960
Closed

Validation tooltip inside input-group displays incorrectly in IE11 #25511

sktw opened this issue Jan 30, 2018 · 2 comments · Fixed by #30960
Labels
confirmed css has-pr v4

Comments

@sktw
Copy link

sktw commented Jan 30, 2018

In IE11 a validation tooltip inside an input group displays to the right of the input. See the screenshot below from the bootstrap docs, specifically the tooltip for the Username field.
bootstrap-tooltip-ie11

Setting left: 0px on .{valid|invalid}-tooltip seems to fix this.
@mdo mdo added the css label Jan 31, 2018
@ffoodd
Copy link
Member

ffoodd commented Jun 3, 2020

Not sure about what's happening here (seems somehow related to flexbox), but I confirm that left: 0 fixes it, without any side-effect AFAIK.

@ffoodd ffoodd mentioned this issue Jun 3, 2020
Merged
@ffoodd ffoodd linked a pull request Jun 3, 2020 that will close this issue
IE11 misalign validation tooltips in input-groups #30960
Merged
@ffoodd ffoodd added the has-pr label Jun 3, 2020
@XhmikosR
Copy link
Member

XhmikosR commented Jun 4, 2020

Fixed by #30960

@XhmikosR XhmikosR closed this as completed Jun 4, 2020
@fchiumeo fchiumeo mentioned this issue Aug 19, 2020
Closed
@domdomegg domdomegg mentioned this issue Aug 31, 2020
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
confirmed css has-pr v4
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

IE11 misalign validation tooltips in input-groups twbs/bootstrap
4 participants
@mdo @XhmikosR @sktw @ffoodd