fix: ignore case by default

Fix #157
soc221b · Apr 3, 2021 · 0132082 · 0132082
1 parent 3c46d53
commit 0132082
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/cypress/integration/props/searchable/index.spec.js b/cypress/integration/props/searchable/index.spec.js
@@ -38,4 +38,12 @@ context('searchable', () => {
     cy.get('.vue-input').type('Rails')
     cy.get('.vue-dropdown-item').should('have.length', 1)
   })
+
+  it('filter typing value (ignore case) by label by default', () => {
+    cy.visit(path.join(__dirname, 'default.html'))
+    cy.get('.vue-select').click()
+
+    cy.get('.vue-input').type('RAILS')
+    cy.get('.vue-dropdown-item').should('have.length', 1)
+  })
 })
diff --git a/src/index.vue b/src/index.vue
@@ -309,9 +309,10 @@ const VueSelect = {
     const handleBlurForInput = event => {
       blur()
     }
+    const searchRe = computed(() => new RegExp(searchingInputValue.value, 'i'))
     const searchedOptions = computed(() => {
       return searchingInputValue.value
-        ? options.value.filter(option => (labelBy.value(option) + '').indexOf(searchingInputValue.value) > -1)
+        ? options.value.filter(option => searchRe.value.test(labelBy.value(option)))
         : undefined
     })