Я создал сайт, используя Wordpress и несколько плагинов, таких как Gravity Form & Elementor. Когда пользователь пытается выбрать одно из первых полей вопроса с переключателем, страница мгновенно прокручивается вверх. Это происходит только на мобильных устройствах, и вы также можете наблюдать это при проверке через браузер с помощью мобильного дисплея. Я не могу понять, почему это происходит.
Для вашего удобства, вот ссылка на страницу, которая демонстрирует проблему на мобильном телефоне (но она возникает по всему сайту, когда вы выбираете первый ответ в форме): https://www.naotech.com/he/contact/
Вот соответствующая часть исходного кода страницы (я надеюсь):
<section class="elementor-element elementor-element-14682c9d elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="14682c9d" data-element_type="section" data-settings="{"background_background":"classic","background_image":{"url":"","id":""},"background_image_tablet":{"url":"","id":""},"background_image_mobile":{"url":"","id":""}}">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-row">
<div class="elementor-element elementor-element-4d500ab1 elementor-column elementor-col-100 elementor-top-column" data-id="4d500ab1" data-element_type="column">
<div class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<div class="elementor-element elementor-element-405d04d pp-gravity-form-button-custom pp-gravity-form-pagination-buttons-auto elementor-widget elementor-widget-pp-gravity-forms" data-id="405d04d" data-element_type="widget" data-widget_type="pp-gravity-forms.default">
<div class="elementor-widget-container">
<div class="pp-contact-form pp-gravity-form pp-custom-radio-checkbox">
<div class='gf_browser_chrome gform_wrapper' id='gform_wrapper_1' style='display:none'><div id='gf_1' class='gform_anchor' tabindex='-1'></div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_1' id='gform_1' action='/he/contact/#gf_1'>
<div class='gform_heading'>
<span class='gform_description'></span>
</div>
<div class='gform_body'><ul id='gform_fields_1' class='gform_fields top_label form_sublabel_below description_below'><li id='field_1_2' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' >האם את/ה:<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_radio'><ul class='gfield_radio' id='input_1_2'><li class='gchoice_1_2_0'><input name='input_2' type='radio' value='לקוח קיים' id='choice_1_2_0' /><label for='choice_1_2_0' id='label_1_2_0'>לקוח קיים</label></li><li class='gchoice_1_2_1'><input name='input_2' type='radio' value='לקוח חדש' id='choice_1_2_1' /><label for='choice_1_2_1' id='label_1_2_1'>לקוח חדש</label></li></ul></div></li><li id='field_1_3' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' >האם את/ה מתעניין/ת ב:<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_radio'><ul class='gfield_radio' id='input_1_3'><li class='gchoice_1_3_0'><input name='input_3' type='radio' value='תמיכה' id='choice_1_3_0' /><label for='choice_1_3_0' id='label_1_3_0'>תמיכה</label></li><li class='gchoice_1_3_1'><input name='input_3' type='radio' value='כספים' id='choice_1_3_1' /><label for='choice_1_3_1' id='label_1_3_1'>כספים</label></li><li class='gchoice_1_3_2'><input name='input_3' type='radio' value='מכירות' id='choice_1_3_2' /><label for='choice_1_3_2' id='label_1_3_2'>מכירות</label></li></ul></div></li><li id='field_1_4' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' >האם את/ה מתעניין/ת ב:<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_radio'><ul class='gfield_radio' id='input_1_4'><li class='gchoice_1_4_0'><input name='input_4' type='radio' value='תמיכה' id='choice_1_4_0' /><label for='choice_1_4_0' id='label_1_4_0'>תמיכה</label></li><li class='gchoice_1_4_1'><input name='input_4' type='radio' value='כספים' id='choice_1_4_1' /><label for='choice_1_4_1' id='label_1_4_1'>כספים</label></li><li class='gchoice_1_4_2'><input name='input_4' type='radio' value='מכירות' id='choice_1_4_2' /><label for='choice_1_4_2' id='label_1_4_2'>מכירות</label></li></ul></div></li><li id='field_1_5' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' >תרצה/י לקבל מידע נוסף על:<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_radio'><ul class='gfield_radio' id='input_1_5'><li class='gchoice_1_5_0'><input name='input_5' type='radio' value='הוספת רישיונות Zoom' id='choice_1_5_0' /><label for='choice_1_5_0' id='label_1_5_0'>הוספת רישיונות Zoom</label></li><li class='gchoice_1_5_1'><input name='input_5' type='radio' value='ציוד לחדרי ישיבות' id='choice_1_5_1' /><label for='choice_1_5_1' id='label_1_5_1'>ציוד לחדרי ישיבות</label></li></ul></div></li><li id='field_1_7' class='gfield gfield_contains_required field_sublabel_hidden_label field_description_below gfield_visibility_visible' ><label class='gfield_label gfield_label_before_complex' >שם חברה<span class='gfield_required'>*</span></label><div class='ginput_complex ginput_container no_prefix has_first_name no_middle_name no_last_name no_suffix gf_name_has_1 ginput_container_name' id='input_1_7'>
</div></li><li id='field_1_76' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_1_76' >אימייל<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_email'>
<input name='input_76' id='input_1_76' type='text' value='' class='medium' aria-required="true" aria-invalid="false" />
</div></li><li id='field_1_78' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_1_78' >טלפון<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_phone'><input name='input_78' id='input_1_78' type='text' value='' class='medium' aria-required="true" aria-invalid="false" /></div></li><li id='field_1_79' class='gfield gfield_contains_required field_sublabel_below field_description_above gfield_visibility_visible' ><label class='gfield_label' for='input_1_79' >כמה רישיונות ברצונכם להוסיף?<span class='gfield_required'>*</span></label><div class='gfield_description' id='gfield_description_1_79'>רישיון יכול לזמן מספר בלתי מוגבל של פגישות. לכל פגישה ניתן לזמן עד 100 משתתפים.</div><div class='ginput_container ginput_container_phone'><input name='input_79' id='input_1_79' type='text' value='' class='medium' aria-required="true" aria-invalid="false" aria-describedby="gfield_description_1_79" /></div></li><li id='field_1_90' class='gfield gform_validation_container field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_1_90' >Name</label><div class='ginput_container'><input name='input_90' id='input_1_90' type='text' value='' /></div><div class='gfield_description' id='gfield_description__90'>שדה זה מיועד למטרות אימות ויש להשאיר אותו ללא שינוי.</div></li>
</ul></div>
<div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_1' class='gform_button button' value='צרו איתי קשר' onclick='if(window["gf_submitting_1"]){return false;} window["gf_submitting_1"]=true; ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_1"]){return false;} window["gf_submitting_1"]=true; jQuery("#gform_1").trigger("submit",[true]); }' /> <input type='hidden' name='gform_ajax' value='form_id=1&title=&description=yes&tabindex=0' />
<input type='hidden' class='gform_hidden' name='is_submit_1' value='1' />
<input type='hidden' class='gform_hidden' name='gform_submit' value='1' />
<input type='hidden' class='gform_hidden' name='gform_unique_id' value='' />
<input type='hidden' class='gform_hidden' name='state_1' value='WyJbXSIsIjFmNTgzY2M0N2FlYjk5ZDExNTg0ZjNmNmYyZGQ3YjE3Il0=' />
<input type='hidden' class='gform_hidden' name='gform_target_page_number_1' id='gform_target_page_number_1' value='0' />
<input type='hidden' class='gform_hidden' name='gform_source_page_number_1' id='gform_source_page_number_1' value='1' />
<input type='hidden' name='gform_field_values' value='' />
</div>
</form>