title: Displaying emojionearea emoji container at the bottom of textarea
body: <p>I just applied emojionearea.js to my textarea but emoji are been displayed at the top of my textarea, hiding its view from users.</p>
  
  <p><a href="https://i.stack.imgur.com/pz2bq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pz2bq.png" alt="enter image description here"></a></p>
  
  <p>I will like to know how to position its container to the bottom of my textarea.</p>
  
  <p>my code : </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-js lang-js prettyprint-override"><code>$(document).ready(function() {
    $(".emoji_act").emojioneArea({
      emojiPlaceholder: ":smile_cat:",
      searchPlaceholder: "Search",
      buttonTitle: "Use your TAB key to insert emoji faster",
      searchPosition: "bottom",
    });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://rawgit.com/mervick/emojionearea/master/dist/emojionearea.css" rel="stylesheet" /&gt;
  &lt;div class="container-fluid pt-3"&gt;
    &lt;form method="POST" action="" enctype="multipart/form-data"&gt;
      &lt;div class="form-group"&gt;
        &lt;font color="#a1a1a1"&gt;&lt;span id="count"&gt;&lt;/span&gt; characters remaining&lt;/font&gt;
        &lt;textarea type="text" name="bio" class="form-control emoji_act" id="bio" placeholder="10 - 140 characters" onkeyup="count_char(this, 140)"&gt;&lt;/textarea&gt;
        &lt;span id="bio_val"&gt;&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
        &lt;button id="ok_but" class="btn btn-primary btn-block" type="submit" name="ed_submit"&gt;
            Done
           &lt;/button&gt;
      &lt;/div&gt;
    &lt;/form&gt;
  &lt;/div&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://rawgit.com/mervick/emojionearea/master/dist/emojionearea.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>