fix: Tweak outline CSS for Safari/Firefox (#9100)

microbit-matt-hillsdon · web-flow · commit edf344c542ce · 2025-05-27T16:43:27.000-07:00
Without this Safari (desktop) gets an outline still which tears as you drag. In the keyboard nav demo an outline was visible before this change in both Firefox and Safari. Fixes #9099
diff --git a/core/css.ts b/core/css.ts
@@ -505,6 +505,6 @@ input[type=number] {
   .blocklyIconGroup,
   .blocklyTextarea
 ) {
-  outline-width: 0px;
+  outline: none;
 }
 `;

Original file line number	Diff line number	Diff line change
`@@ -505,6 +505,6 @@ input[type=number] {`
`505`	`505`	`.blocklyIconGroup,`
`506`	`506`	`.blocklyTextarea`
`507`	`507`	`) {`
`508`		`- outline-width: 0px;`
	`508`	`+ outline: none;`
`509`	`509`	`}`
`510`	`510`	`;