Use type=search for site filter inputs

palant · Apr 27, 2023 · 08915cc · 08915cc
1 parent 05d320f
commit 08915cc
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/ui/allpasswords/components/SiteList.vue b/ui/allpasswords/components/SiteList.vue
@@ -10,7 +10,7 @@
 
     <div class="filter-row">
       <label for="site-filter">{{ $t("filters") }}</label>
-      <input id="site-filter" v-model.trim="siteFilter" :placeholder="$t('site_filter_placeholder')">
+      <input id="site-filter" v-model.trim="siteFilter" type="search" :placeholder="$t('site_filter_placeholder')">
       <select v-if="tags.length" v-model="tagFilter">
         <option :value="null">{{ $t("tag_filter_placeholder") }}</option>
         <option v-for="tag in tags" :key="tag">{{ tag }}</option>

diff --git a/ui/panel/components/SiteSelection.vue b/ui/panel/components/SiteSelection.vue
@@ -9,7 +9,7 @@
     <label for="site-selection-site">{{ message }}</label>
     <input
       id="site-selection-site" v-model.trim="value" v-focus v-select
-      type="text" placeholder="example.com" autocomplete="off"
+      type="search" placeholder="example.com" autocomplete="off"
       @keydown.arrow-down.prevent="activeIndex = Math.min(activeIndex + 1, sites.length - 1)"
       @keydown.arrow-up.prevent="activeIndex = Math.max(activeIndex - 1, -1)"
       @keydown.enter="enter"