title: Working with Bluefieldscom intl-tel-input, how can I make the flag dropdown not overlap with other inputs?
body: <p><img src="https://i.stack.imgur.com/jr6zH.png" alt="screenshot here"></p>
  
  <p>As you can see from the screenshot, I have 3 inputs and when I click the first one, the flags for the 2nd and 3rd input will be on top of the 1st dropdown's list.</p>
  
  <p>How can I make this dropdown to be "on top" or make the other stay in the background?</p>
  
  <p>Below is the jsfiddle link:</p>
  
  <p><a href="http://jsfiddle.net/DtMwr/" rel="nofollow noreferrer">http://jsfiddle.net/DtMwr/</a></p>
  
  <pre><code>$(function() {
      $("#p1").intlTelInput({
          preferredCountries:['US', 'CA', 'AU', 'BR', 'SG', 'DE', 'NL', 'RU', 'IE'],
          americaMode: false
      });
      $("#p2").intlTelInput({
          preferredCountries:['US', 'CA', 'AU', 'BR', 'SG', 'DE', 'NL', 'RU', 'IE'],
          americaMode: false
      });
      $("#p3").intlTelInput({
          preferredCountries:['US', 'CA', 'AU', 'BR', 'SG', 'DE', 'NL', 'RU', 'IE'],
          americaMode: false
      });
  });
  </code></pre>