From fa5a30d54604d7fb263c5a64e93683af8e8c55db Mon Sep 17 00:00:00 2001
From: Adam Berecz <adam@laraform.io>
Date: Thu, 16 Dec 2021 07:17:14 +0100
Subject: [PATCH] fix: resolved tailwindcss/form ring issue #135

---
 README.md            | 4 ++--
 themes/tailwind.scss | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 065d3c6..3929fe2 100644
--- a/README.md
+++ b/README.md
@@ -493,14 +493,14 @@ Alternatively you can define class names directly by passing them to the `Multis
   containerActive: 'ring ring-green-500 ring-opacity-30',
   singleLabel: 'flex items-center h-full absolute left-0 top-0 pointer-events-none bg-transparent leading-snug pl-3.5',
   multipleLabel: 'flex items-center h-full absolute left-0 top-0 pointer-events-none bg-transparent leading-snug pl-3.5',
-  search: 'w-full absolute inset-0 outline-none appearance-none box-border border-0 text-base font-sans bg-white rounded pl-3.5',
+  search: 'w-full absolute inset-0 outline-none focus:ring-0 appearance-none box-border border-0 text-base font-sans bg-white rounded pl-3.5',
   tags: 'flex-grow flex-shrink flex flex-wrap items-center mt-1 pl-2',
   tag: 'bg-green-500 text-white text-sm font-semibold py-0.5 pl-2 rounded mr-1 mb-1 flex items-center whitespace-nowrap',
   tagDisabled: 'pr-2 opacity-50',
   tagRemove: 'flex items-center justify-center p-1 mx-0.5 rounded-sm hover:bg-black hover:bg-opacity-10 group',
   tagRemoveIcon: 'bg-multiselect-remove bg-center bg-no-repeat opacity-30 inline-block w-3 h-3 group-hover:opacity-60',
   tagsSearchWrapper: 'inline-block relative mx-1 mb-1 flex-grow flex-shrink h-full',
-  tagsSearch: 'absolute inset-0 border-0 outline-none appearance-none p-0 text-base font-sans box-border w-full',
+  tagsSearch: 'absolute inset-0 border-0 outline-none focus:ring-0 appearance-none p-0 text-base font-sans box-border w-full',
   tagsSearchCopy: 'invisible whitespace-pre-wrap inline-block h-px',
   placeholder: 'flex items-center h-full absolute left-0 top-0 pointer-events-none bg-transparent leading-snug pl-3.5 text-gray-400',
   caret: 'bg-multiselect-caret bg-center bg-no-repeat w-2.5 h-4 py-px box-content mr-3.5 relative z-10 opacity-40 flex-shrink-0 flex-grow-0 transition-transform transform pointer-events-none',
diff --git a/themes/tailwind.scss b/themes/tailwind.scss
index 6600aa8..6eced27 100644
--- a/themes/tailwind.scss
+++ b/themes/tailwind.scss
@@ -27,7 +27,7 @@
 }
 
 .multiselect-search {
-  @apply w-full absolute inset-0 outline-none appearance-none box-border border-0 text-base font-sans bg-white rounded pl-3.5;
+  @apply w-full absolute inset-0 outline-none focus:ring-0 appearance-none box-border border-0 text-base font-sans bg-white rounded pl-3.5;
 }
 
 .multiselect-tags {
@@ -55,7 +55,7 @@
 }
 
 .multiselect-tags-search {
-  @apply absolute inset-0 border-0 outline-none appearance-none p-0 text-base font-sans box-border w-full;
+  @apply absolute inset-0 border-0 outline-none focus:ring-0 appearance-none p-0 text-base font-sans box-border w-full;
 }
 
 .multiselect-tags-search-copy {