Remove input outline on user-invalid focus-visible

lazaronixon · lazaronixon · commit 52b7b746efbc · 2025-02-18T13:58:13.000-03:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,4 +1,5 @@
 ## [Unreleased]
+- Remove input outline on user-invalid focus-visible
 
 ## 1.1.4 - 2025-02-18
 - Small adjusts for menu components
diff --git a/lib/generators/css_zero/add/templates/app/assets/stylesheets/input.css b/lib/generators/css_zero/add/templates/app/assets/stylesheets/input.css
@@ -71,7 +71,7 @@
   }
 
   &:focus-visible:user-invalid  {
-    outline: var(--input-outline-size, 2px) solid rgb(from var(--color-negative) r g b / .2);
+    outline: none;
   }
 
   .field_with_errors & {

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`## [Unreleased]`
	`2`	`+- Remove input outline on user-invalid focus-visible`
`2`	`3`
`3`	`4`	`## 1.1.4 - 2025-02-18`
`4`	`5`	`- Small adjusts for menu components`
Original file line number	Diff line number	Diff line change
`@@ -71,7 +71,7 @@`
`71`	`71`	`}`
`72`	`72`
`73`	`73`	`&:focus-visible:user-invalid {`
`74`		`- outline: var(--input-outline-size, 2px) solid rgb(from var(--color-negative) r g b / .2);`
	`74`	`+ outline: none;`
`75`	`75`	`}`
`76`	`76`
`77`	`77`	`.field_with_errors & {`