带操作按钮的可搜索下拉菜单

Question

我正在使用Semantic-UI v2.3.1。我想将操作按钮附加到可搜索的下拉菜单（https://semantic-ui.com/elements/input.html#action），但无法正常工作。当我这样做时，操作按钮将按预期显示在右侧，但是该下拉列表不再可搜索，allowAdditions也无法正常工作。

我的HTML：

<div class="ui action input">
    <select name="vendor_id" id="vendor_id" class="ui search selection dropdown">
        <?php foreach($vendors as $value) { ?>
            <option value=""></option>
            <option value="<?= $value['id']; ?>"<?= ($value['id'] == $Invoice->vendor_id ? ' selected' : ''); ?>><?= $value['description']; ?></option>
        <?php } ?>
    </select>
    <div class="ui button">Save</div>
</div>

我的JS：

$('.ui.search.dropdown').dropdown({
    allowAdditions: true,
    filterRemoteData: true,
    hideAdditions: false,
    saveRemoteData: false,
    onChange: function(value, text) {
        if(value === text) {
            $('#new_vendor').val(text);
            $('#vendor_id').val(0);
        }

    }
});

我在Github上看到了同样的问题，但是没有发布解决方案（https://github.com/Semantic-Org/Semantic-UI/issues/3947）。因此，我不确定我是在做错什么，还是错误，还是不完全支持此操作。谢谢！