有什么方法可以将jQuery Tokeninput所选项目放在textarea字段中以使其可滚动？

Question

我正在使用此jQuery Tokeninput编码（http://loopj.com/jquery-tokeninput/）。 当所选项目过多时，由于没有滚动条，因此很难在文本框中上下移动。我尝试使用CSS使字段可滚动，但是拖动所选结果时，滚动条将不会上下移动。

$(document).ready(function() {

  function tokenInput(id) {

    $("#" + id).tokenInput("<?php echo base_url();?>index.php/ajax/ajax_user", {
      method: "POST",
      theme: "facebook",
      preventDuplicates: true,
      excludeCurrent: true,
      hintText: "Taip Nama Penerima",
      noResultsText: "Tiada Rekod",
      searchingText: "Carian...",
      makeSortable: true

    });
  }

  tokenInput('tokenize');
  tokenInput('tokenize_copy');

});

/*CSS overflow to make div scrollable*/
div.overflow {
  overflow: hidden;
  height: auto;
  max-height: 500px;
  overflow-y: auto;
}

<div class="overflow">
    <input type="text" id="tokenize" name="receiver" />
</div>

我希望当我拖动jquery tokeninput结果进行排序时，滚动条会沿上下移动，但保持不变。

除了使用CSS使文本输入可滚动之外，还可以将结果放在文本区域中，如果可以的话；我该怎么做？由于我正在使用的插件似乎无法在textarea或内容可编辑的div上运行，因此仅支持输入字段。