label tag not working with auro-radio

[knork-alaska]

When using a label tag - - for an auro-radio, the label does not function as expected and does not select the radio it is "for" when the text is clicked. I would like to wrap 2 lines, a label and a sub-label with a label tag and have it select the radio it is associated with.

[DukeFerdinand]

Hey @knork-alaska ! thanks for creating this ticket :)

I'm summarizing what I understand here from your question - can you make sure we're on the same page?

• This is the specific markup/feature you'd like to use? Seems like GitHub ate some markup in the ticket

<label for="some-radio">
  Label text/elements here
</label>
<auro-radio id="some-radio">

• What specifically happens when you use that markup and click on the label text? Nothing?

---

Initial solution:

• We already wrap radio elements in a label inside of auro-radio. Does this not work as you need it to?

<auro-radio id="some-id">
  <p>My complex markup</p>
  <small>Some sublabel</small>
 </auro-radio>

[DukeFerdinand]

I've created a ticket for this here! The team will likely discuss this more before doing some work on it, as there might be some more to this feature than meets the eye. We don't want to over-promise something! :)

AlaskaAirlines/auro-formkit#171