[Resolved] Radiobuttons – labels not clickable

[Author]

Posts

[matteoM-6]

Tell us what you are trying to do?
I am trying to display a simple radio button filter in a view but the label is not clickable and just the input it is.

I see that the fields are not grouped in a

or similar, and I remember something different in the past:
<input id="area-" class="js-wpv-filter-trigger" name="wpv-area" type="radio" value="0" checked="checked">
<label for="area-" class="radios-taxonomies-title">Everything</label>

What is the link to your site? (the issue is on this page)
hidden link

[Luo Yang]

Hello,

I have tried the HTML codes in my localhost, it works fine, the labels are clickable, and it can check the radio input too.
Then I checked source HTML codes of the URL you mentioned above:
view-source:hidden link
Search the codes: id="area-", you will get two results.

It seems you have put the same custom search form in two different places of above page, it conducts the problem, two HTML elements are using the same HTML ID, I suggest you try to remove the unused one, and test again.

[matteoM-6]

Hi Luo,

For now, I have found another way but the problem hasn't been solved yet.
I will re-open this ticket if needed in the future.

Thanks,
Matteo