diff --git a/app/server/static/components/users.vue b/app/server/static/components/users.vue
index ea6a9946..638a5de2 100644
--- a/app/server/static/components/users.vue
+++ b/app/server/static/components/users.vue
@@ -13,15 +13,13 @@
v-bind:type="{ 'is-danger': getAddUserMessage }"
v-bind:message="getAddUserMessage"
)
- b-autocomplete(
- v-model="newRoleMapping.username"
+ b-select(
placeholder="e.g. Anne"
- open-on-focus=true
- v-bind:data="otherUsers"
- field="username"
- v-on:select="option => {selected = option; newRoleMapping.userid = selected.id}"
- v-on:input="value => checkValidExistingUser(value)"
- )
+ v-model="newRoleMapping.username"
+ v-on:input="option => {checkValidExistingUser(option); newRoleMapping.userid = option}"
+ )
+ option(v-for="otherUser in otherUsers", v-bind:value="otherUser.id", v-bind:key="otherUser.id")
+ | {{ otherUser.username }}
div.column
b-field(label="Role")
@@ -68,10 +66,23 @@
span Delete
-