单选按钮需要单击两次

Question

我将div周围的单选按钮（床上颜色）构建为工具提示，现在我必须单击两次以激活手机（iPhone）上的单选按钮。

网站：https://vitapacks.co.uk/?_ab=0&_fd=0&_sc=1&preview_theme_id=73385214045

我发现另一个网站具有完全相同的HTML结构，并且可以正常运行：https://woolsofwanaka.co.nz/collections/scarves/products/0255ribscarf?variant=36689048658

我试图更改HTML并编写了一段JS代码，只在单击div后专注于移动输入字段，但这没用。

    <div id="tooltipdbl" class="tooltip">

<input type="radio"
                                {% if option.selected_value == value %} checked="checked"{% endif %}
                                {% unless variant_label_state %} disabled="disabled"{% endunless %}
                                value="{{ value | escape }}"
                                data-index="option{{ option_index }}"
                                name="{{ option.name | handleize }}"
                                class="single-option-selector__radio{% unless variant_label_state %} disabled{% endunless %}"
                                id="ProductSelect-option-{{ option.name | handleize }}-{{ value | escape }}">
                              
<label for="ProductSelect-option-{{ option.name | handleize }}-{{ value | escape }}"{% unless variant_label_state %} class="disabled"{% endunless %}>{{ value | escape }}</label>
<span class="tooltiptext">{{ value | escape }}</span> 
</div>