title: Display a popover inside a div parent with overflow:hidden
body: <p>I'm writing in angularJS and I couldn't find a comfortable solution for this issue-
  I have a <code>div</code> element with <code>overflow: hidden</code> property (since i'm using internal scrollbar) and inside that <code>div</code> I have a <code>dropdown</code> menu, triggered by a button click.
  unfortunately, the <code>dropdown</code> in partially hidden (since it is exceeding the borders of its <code>div</code> parent.</p>
  
  <p>The best solution i've found so far is to add the popover dynamically to the body and calculate its position for every button click, but it is a bit complicated since i'm also using a scroller...</p>
  
  <p>Any help would be appreciated.
  Thanks!
  Tammy</p>