title: Adjusting z-index of angularjs typeahead directive
body: <p>I am using Angularjs typeahead directive in combination with jquery layout plugin. <a href="http://plnkr.co/edit/rbfSByzsh8wc2f0aaBDA" rel="nofollow">Here</a> is the link to the app I am working on. When I type an address into the input box, the list of autocomplete results get hidden behind the resizer. I have tried changing the z-index property of both the autocomplete list as well as the pane resizer, but nothing seems to be working. What is the best way to solve this?</p>
  
  <pre><code>.ui-layout-resizer-open {
      z-index: 1;
   }
  
   .dropdown-menu {
      z-index: 2;
   }
  </code></pre>