@jaceleedev
Posted
Hey. nice work! The other radio buttons have an input element and a span for the label text inside a single label element. When you click on the label, it automatically checks the radio button, even without needing a 'for' attribute, because the input is directly associated with the label.
However, for the "Custom" option, there are two input elements inside the same label:
- The radio button (input type="radio").
- The number input field (input type="number").
In this case, when you click the label, the browser isn’t sure which input to associate the click with, so the radio button doesn’t get checked by default.
This is just my opinion. I haven't actually tested it. So, enjoy coding!