<p dir="auto">Hi,</p>
<p dir="auto">As witnessed in the following JSbin:<br>
<a href="http://jsbin.com/liwexa/5/edit?html,js,output" rel="nofollow">http://jsbin.com/liwexa/5/edit?html,js,output</a></p>
<p dir="auto">When filtering on multiple fields, the search value should be null instead of an empty string. When a user types something in the search box, the filter works, but when deleting the input again, the output results in duplicate entries. The initial rendering can be fixed by initialising search as null.</p>
<p dir="auto">Cheers,<br>
Koen</p>
<h3 dir="auto">Version</h3>
<p dir="auto">2.3.3</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://codepen.io/timwis/pen/YQKXBY" rel="nofollow">https://codepen.io/timwis/pen/YQKXBY</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">Type something in the box below, click outside the area (to blur), and watch it appear double.</p>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">The editable div keeps what you typed in it.</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">The editable div adds what you typed in it assumedly as part of the virtual dom update, showing it twice.</p>
<hr>
<p dir="auto">My hunch is this is an issue with how virtual dom patches a <code class="notranslate">&lt;div contenteditable&gt;</code> that starts with an empty value. If you change its starting value in the demo to an actual value (like <code class="notranslate">foo</code>) this issue doesn't happen.</p>
<p dir="auto">Related to <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="215416994" data-permission-text="Title is private" data-url="https://github.com/vuejs/vue/issues/5234" data-hovercard-type="issue" data-hovercard-url="/vuejs/vue/issues/5234/hovercard" href="https://github.com/vuejs/vue/issues/5234">#5234</a>. Let me know if you prefer we keep the conversation there and we can close this issue.</p>