Доступный для поиска раскрывающийся список с кнопкой действия

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). Итак, я не уверен, что я делаю это неправильно, или это ошибка, или это не полностью поддерживается. Спасибо!