vue-poster-editor/lib/widgets/editor-combo-picker.html

A poster editor based on Vue.js

<div class="editor-combo-picker" :class="{active:active}">
    <div class="label" @click="toggleActive()">
        <span>{{value}}</span>
    </div>
    <div class="editor-popup editor-popup-list editor-popup-ne" v-if="active">
        <label class="label" @click="toggleActive()">
            <input v-model="currVal" @click.stop @keydown.enter="set()">
        </label>
        <div class="list" ref='list' :style="{maxHeight:listMaxHeight}">
            <ul>
                <li
                    v-for="item in items"
                    :class="{current: item==currVal}"
                    :data-key="item ? (item.name || item) : ''"
                    @click="set(item)"
                >
                    <span>{{item}}</span>
                </li>
            </ul>
        </div>
    </div>
</div>