fix(radio): allow click between input and label

1024pix · May 3, 2024 · 3026501 · 3026501
1 parent 22bd056
commit 3026501
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 11 deletions.
diff --git a/addon/components/pix-radio-button.hbs b/addon/components/pix-radio-button.hbs
@@ -1,11 +1,4 @@
 <div class="pix-radio-button {{@class}}">
-  <input
-    type="radio"
-    id={{this.id}}
-    class="pix-radio-button__input"
-    value={{@value}}
-    ...attributes
-  />
   <PixLabel
     @for={{this.id}}
     @requiredLabel={{@requiredLabel}}
@@ -14,6 +7,13 @@
     @isDisabled={{@isDisabled}}
     @inlineLabel={{true}}
   >
+    <input
+      type="radio"
+      id={{this.id}}
+      class="pix-radio-button__input"
+      value={{@value}}
+      ...attributes
+    />
     {{yield to="label"}}
   </PixLabel>
 </div>
diff --git a/addon/styles/_pix-radio-button.scss b/addon/styles/_pix-radio-button.scss
@@ -1,12 +1,14 @@
 .pix-radio-button {
-  display: flex;
-  gap: var(--pix-spacing-3x);
-  align-items: center;
-
   & + .pix-radio-button {
     margin-top: var(--pix-spacing-4x);
   }
 
+  .pix-label {
+    display: flex;
+    gap: var(--pix-spacing-3x);
+    align-items: center;
+  }
+
   &__input {
     position: relative;
     flex-shrink: 0;