fix(component): input focus implementation (#6086)

2026-02-14 13:25:12 +00:00 · 2024-03-12 15:07:48 +00:00
parent e333b4d348
commit 9f74cb32ea
2 changed files with 3 additions and 22 deletions
--- a/packages/frontend/component/src/ui/input/style.css.ts
+++ b/packages/frontend/component/src/ui/input/style.css.ts
@@ -42,8 +42,9 @@ export const inputWrapper = style({
    '&.default': {
      borderColor: cssVar('borderColor'),
    },
-    '&.default.focus': {
+    '&.default:is(:focus-within, :focus, :focus-visible)': {
      borderColor: cssVar('primaryColor'),
+      outline: 'none',
      boxShadow: '0px 0px 0px 2px rgba(30, 150, 235, 0.30);',
    },
  },