title: Flag Emojis not rendering
body: <p>I have a dropdown menu on my header that I use to display phone numbers for different countries and I need to put a flag on its side, but no flags are showing, only the letter representation of the flags (for example the argentinian flag looks like this  but it shows the emoji for the letter <code>A</code> and the letter <code>R</code>) as that how flag emojis works as far as I know, how can I evade this (showing a hamburger in the second phone number just to show that emojis do indeed work on my site).</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;select name="Telefonos" id="group"&gt;
      &lt;option value="+543515296002"&gt;&amp;#x1F1E6;&amp;#x1F1F7; +54351529600
      &lt;option value="+12398105440"&gt; +12398105440
      &lt;option value="+12398105440"&gt; +12398105440
  &lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>this is what I've tried, either using the code or copying the emoji doesn't work, even though it does show when I am coding it.</p>
  
  <p><a href="https://i.stack.imgur.com/wi4UJ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/wi4UJ.png" alt="enter image description here"></a></p>
  
  <p>and this is what actually renders</p>
  
  <p><a href="https://i.stack.imgur.com/Pr9Wc.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Pr9Wc.png" alt="enter image description here"></a></p>