Skip to content

Commit dd7d7ff

Browse files
authored
🤖 fix: disable default browser focus outline (#967)
Remove the default blue focus outline that browsers apply. Components can still define intentional focus styles (like border color changes) - this only removes the browser's default outline. Fixes flaky Storybook snapshots where focus state was inconsistent. _Generated with `mux`_
1 parent a8ffe35 commit dd7d7ff

File tree

1 file changed

+8
-0
lines changed

1 file changed

+8
-0
lines changed

src/browser/styles/globals.css

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,12 @@
11
@import "tailwindcss";
2+
3+
/* Disable the default browser focus outline (the blue ring).
4+
Components can still use intentional focus styles like border-color changes. */
5+
*:focus,
6+
*:focus-visible {
7+
outline: none;
8+
}
9+
210
@source "../node_modules/streamdown/dist/index.js";
311

412
/* Geist Font Declarations */

0 commit comments

Comments
 (0)