-
Notifications
You must be signed in to change notification settings - Fork 6.7k
Tooltip arrow placement on input element is incorrect. #944
Comments
Not sure if it is related but seeing similar issue when looking at the tooltip demo for the tooltip on the right side. |
Unless I'm wrong, this doesn't have to do with bootstrap 3 calculations, but that, the content of the tooltip is wrapping so the height is changing after calculating position. I have a fix to center it when it is wrapping, however, I'm not sure why it's wrapping when the bootstrap 2.x version is not... |
It's due to bootstrap 3 col elements are position: relative. I'll make a pull request with the centering fix. |
@kkruit sorry that it took so long to come back to you on this one. I'm just looking into it, your analysis of the problem seems to be correct. At the end of the day it doesn't seem to have anything with inputs but happens when a tooltip elements gets wrapped. |
This can be seen in the current
bootstrap3_bis
branch. The tooltip arrow is exactly center, which makes the arrow point at the baseline of the input field. Bootstrap 3 uses a new calculation for arrow positioning, which currently isn't supported in our Tooltip (arrow positioning is always relativecenter
to the tooltip.The text was updated successfully, but these errors were encountered: