Created by: IdanCo
Summary:
As described in #21146 (closed) and #22300 (closed), and shown here, left and top tooltips exhibit inconsistencies in regards to margins.
before
Top and left tooltips sometimes ignore margins
After
All tooltips now use padding instead of margin
Technical
As shown here, top and left tooltips switches between absolute and fixed positions. No doubt this is what causes the inconsistencies, but I admit the logic behind this switch, and the reason it differs from bottom or right tooltips remains an enigma to me. It happens here, but since it's deep inside tether's logic, I tried looking for a workaround in bootstrap's code. Since the margins seems to be what causes the issue, i've successfully replaced them with paddings, while preserving the spacing by adding it to the arrow position.
Example of fix available here - http://jsbin.com/noyitof/edit?html,css,js,output