title: angular bootstrap modal won't appear in the front when browser is full screen on an element
body: <p>When I go full screen on an element and then try to display angular bootstrap's modal in front, it won't appear in front.</p>
  
  <p>To test it: </p>
  
  <p>1 - Click on this link  <a href="http://plnkr.co/edit/oKZHZZebyNMwpG114Jyy?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/oKZHZZebyNMwpG114Jyy?p=preview</a></p>
  
  <p>2 - Click on the  "launch the preview in separate window" icon (image shown below)</p>
  
  <p>3 - Click on Go Full Screen Button (you will then be in full screen on the element with id <code>fullable</code>)</p>
  
  <p>4 - Then click on any of the buttons to try to show a modal. </p>
  
  <p>Here is how to "launch  the preview in separate window" on plnkr: 
  <img src="https://i.stack.imgur.com/T19eZ.png" alt="enter image description here"></p>