Auto positioning of tooltip using AngularJS -


i want position tooltip automatically, if @ top of browser scrollbar, , there link tooltip in first line tooltip must displayed @ bottommid.

is there way using angularjs only?

i using angular-ui-bootstrap

<a href="#" tooltip-template="'tool.html'" tooltip-class="customclass">my template</a> <style>     .tooltip.customclass .tooltip-inner {         color: #414141;         background-color: #f1f1f1;         box-shadow: 0 6px 12px rgba(0,0,0,.175);     }     .tooltip.customclass .tooltip-arrow {         display: none;} </style> <script type="text/ng-template" id="tool.html">     <span>special tooltip <strong>markup</strong></span> </script>` 

we tracking via https://github.com/angular-ui/bootstrap/issues/375 , not have coded solution @ moment. however, please feel free subscribe issue updates , see this link above issue workaround.

things may little more tricky bootstrap 4 they've added dependency on tether library. have more research figure out how affects our library size if support it.


Comments

Popular posts from this blog

Upgrade php version of xampp not success -

c - Bitwise operation with (signed) enum value -

xslt - Unnest parent nodes by child node -