fix(popover): correctly position popovers appended to body

Closes #682

Author: pkozlowski-opensource

src/position/test/test.html

@@ -67,14 +67,14 @@ <h3>Within relative-positioned DIV</h3>
 
 <h3>Within absolute-positioned DIV</h3>
 
-<div style="position: absolute; left: 400px" class="container">
-    <div class="content" position>Content</div>
+<div style="position: absolute; left: 400px; top: 400px" class="container">
+    <div class="content" position>Content - absolute</div>
 </div>
 
 <h3>Within overflowing absolute-positioned DIV</h3>
 <div class="container" style="height: 50px; overflow: scroll;overflow-x: hidden; position: absolute;">
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non velit nulla. Suspendisse sit amet tempus diam. Sed at ultricies neque. Suspendisse id felis a sem placerat ornare. Donec auctor, purus at molestie tempor, arcu enim molestie lacus, ac imperdiet massa urna eu massa. Praesent velit tellus, scelerisque a fermentum ut, ornare in diam. Phasellus egestas molestie feugiat. Vivamus sit amet viverra metus.
-    <div class="content" position>Content</div>
+    <div class="content" position>Content absolute overflow</div>
 </div>
 
 <br>

src/tooltip/tooltip.js

@@ -181,7 +181,7 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position' ] )
             }
 
             // Get the position of the directive element.
-            position = options.appendToBody ? $position.offset( element ) : $position.position( element );
+            position = appendToBody ? $position.offset( element ) : $position.position( element );
 
             // Get the height and width of the tooltip so we can center it.
             ttWidth = tooltip.prop( 'offsetWidth' );