coliff / bootstrap-ie11

Internet Explorer 11 compatibility solution for Bootstrap 5

Home Page:https://coliff.github.io/bootstrap-ie11/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Validation tooltips are not positioned correctly

benm-eras opened this issue · comments

The tooltip version of the form validation feedback works, but is not positioned correctly:

image

I have created a minimal reproduction here.

heya. thanks for reporting the issue. I can reproduce it and will add it to the test page.
Right now, I can't think of an easy solution to fix this (without breaking layout in other places), so I think you may need some custom CSS for that for now. I will keep this issue open and take a deeper look into this next week though.

I added left:0; to the tooltip element and that fixed it in my situation, but you are quite right, I have no idea what effect that will have else where.

Did some more testing and found that your left:0 worked great and caused no issues so I've merged that.
You can test now at: https://coliff.github.io/bootstrap-ie11/tests/#validation-tooltips
The fix will be part of the Beta1 release expected later this week.