no backspace on readonly auto-complete

This commit is contained in:
Arno Kaimbacher 2018-11-29 11:58:00 +01:00
parent 88d90b930d
commit d0ed3e9105
5 changed files with 26 additions and 4 deletions

View file

@ -2,7 +2,7 @@
https://alligator.io/vuejs/vue-autocomplete-component/ -->
<template>
<div style="position:relative">
<input type="search" @input="searchChanged" v-model="search" v-bind:disabled="isLoading == true" v-bind:title="title" v-bind:placeholder="title"
<input type="search" @input="searchChanged" v-model="search" v-bind:readonly="isLoading == true" v-bind:title="title" v-bind:placeholder="title"
class="pure-u-23-24" v-on:keydown.down="onArrowDown" v-on:keydown.up="onArrowUp" v-on:keydown.enter="onEnter">
<!-- <ul class="autocomplete-results" v-show="results.length > 0"> -->
<ul class="autocomplete-results pure-u-23-24" v-show="isOpen">
@ -68,7 +68,7 @@ export default {
if (this.isAsync) {
this.results = value;
this.isOpen = true;
this.isLoading = false;
this.isLoading = false;
} else {
if (value.length !== oldValue.length) {
this.results = value;