fix: reset and disable focus ring in combobox search input (#267)

mattbnz · web-flow · commit 327d29ebcf7b · 2025-05-07T10:14:26.000-03:00
The ring is applied by the default @tailwindcss/forms styling. Fixes: #266
diff --git a/lib/ruby_ui/combobox/combobox_search_input.rb b/lib/ruby_ui/combobox/combobox_search_input.rb
@@ -19,7 +19,7 @@ def view_template
     def default_attrs
       {
         type: "search",
-        class: "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none border-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        class: "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none border-none focus:ring-0 placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
         role: "searchbox",
         placeholder: @placeholder,
         data: {

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@ def view_template`
`19`	`19`	`def default_attrs`
`20`	`20`	`{`
`21`	`21`	`type: "search",`
`22`		`- class: "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none border-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",`
	`22`	`+ class: "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none border-none focus:ring-0 placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",`
`23`	`23`	`role: "searchbox",`
`24`	`24`	`placeholder: @placeholder,`
`25`	`25`	`data: {`