Validation tooltips are not positioned correctly

coliff / bootstrap-ie11

Internet Explorer 11 compatibility solution for Bootstrap 5

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

MIT License

95 stars 15 forks source link

Validation tooltips are not positioned correctly #29

Closed benm-eras closed 3 years ago

benm-eras commented 3 years ago

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

I have created a minimal reproduction here.

coliff commented 3 years ago

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.

benmiller86 commented 3 years ago

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.

coliff commented 3 years ago

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.