fix(Input): focus alignment (#2718)

- Fixes https://designsystemet.slack.com/archives/C07K7NEKXEW/p1730362755452699 ![image](https://github.com/user-attachments/assets/08245eaf-181c-41f8-9b28-70e9697d7976)
digdir · Nov 1, 2024 · b3fa7a1 · b3fa7a1
1 parent 9bb2fa6
commit b3fa7a1
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/css/input.css b/packages/css/input.css
@@ -127,8 +127,11 @@
 
     flex-shrink: 0; /* Never shrink a toggle input */
     line-height: inherit; /* Inherit line height so we can use 1lh to align with first line of label */
-    translate: 0 calc((1lh - var(--dsc-input-size)) / 2); /* Align with first line of label text */
     width: var(--dsc-input-size);
+
+    &:not([aria-label]) {
+      translate: 0 calc((1lh - var(--dsc-input-size)) / 2); /* Align with first line of <label> text, but not if having aria-label as <label> */
+    }
   }
 
   &[type='radio'] {