Hide contact honeypot with inline styles so it stays invisible without CSS.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Artemii Peretiachenko 2026-07-26 19:17:25 +02:00
parent 1d5596db5f
commit 1fb33e1bd8
9 changed files with 39 additions and 32 deletions

View file

@ -428,10 +428,10 @@
<h3>Contact form</h3>
<form id="contactForm" data-status-loading="..." data-status-success="Sent ✓" data-status-error="Could not send. Please try again.">
<label class="hp-field" aria-hidden="true">
<span>Company fax</span>
<input type="text" name="hp_company" value="" tabindex="-1" autocomplete="off">
</label>
<div class="hp-field" aria-hidden="true" style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;opacity:0;pointer-events:none">
<label for="hp_company">Company fax</label>
<input id="hp_company" type="text" name="hp_company" value="" tabindex="-1" autocomplete="off">
</div>
<label>
<span>Name</span>

View file

@ -277,10 +277,10 @@
<h3>Contact form</h3>
<form id="contactForm" data-status-loading="..." data-status-success="Sent ✓" data-status-error="Could not send. Please try again.">
<label class="hp-field" aria-hidden="true">
<span>Company fax</span>
<input type="text" name="hp_company" value="" tabindex="-1" autocomplete="off">
</label>
<div class="hp-field" aria-hidden="true" style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;opacity:0;pointer-events:none">
<label for="hp_company">Company fax</label>
<input id="hp_company" type="text" name="hp_company" value="" tabindex="-1" autocomplete="off">
</div>
<label>
<span>Name</span>

View file

@ -428,10 +428,10 @@
<h3>Форма для связи</h3>
<form id="contactForm" data-status-loading="..." data-status-success="Отправлено ✓" data-status-error="Не удалось отправить. Попробуйте ещё раз.">
<label class="hp-field" aria-hidden="true">
<span>Company fax</span>
<input type="text" name="hp_company" value="" tabindex="-1" autocomplete="off">
</label>
<div class="hp-field" aria-hidden="true" style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;opacity:0;pointer-events:none">
<label for="hp_company">Company fax</label>
<input id="hp_company" type="text" name="hp_company" value="" tabindex="-1" autocomplete="off">
</div>
<label>
<span>Имя</span>

View file

@ -333,10 +333,10 @@
<h3 data-i18n="form.title"></h3>
<form id="contactForm" data-status-loading="{{FORM_STATUS_LOADING}}" data-status-success="{{FORM_STATUS_SUCCESS}}" data-status-error="{{FORM_STATUS_ERROR}}">
<label class="hp-field" aria-hidden="true">
<span>Company fax</span>
<input type="text" name="hp_company" value="" tabindex="-1" autocomplete="off">
</label>
<div class="hp-field" aria-hidden="true" style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;opacity:0;pointer-events:none">
<label for="hp_company">Company fax</label>
<input id="hp_company" type="text" name="hp_company" value="" tabindex="-1" autocomplete="off">
</div>
<label>
<span data-i18n="form.nameLabel"></span>

View file

@ -182,10 +182,10 @@
<h3 data-i18n="form.title"></h3>
<form id="contactForm" data-status-loading="{{FORM_STATUS_LOADING}}" data-status-success="{{FORM_STATUS_SUCCESS}}" data-status-error="{{FORM_STATUS_ERROR}}">
<label class="hp-field" aria-hidden="true">
<span>Company fax</span>
<input type="text" name="hp_company" value="" tabindex="-1" autocomplete="off">
</label>
<div class="hp-field" aria-hidden="true" style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;opacity:0;pointer-events:none">
<label for="hp_company">Company fax</label>
<input id="hp_company" type="text" name="hp_company" value="" tabindex="-1" autocomplete="off">
</div>
<label>
<span data-i18n="form.nameLabel"></span>

View file

@ -454,6 +454,13 @@ a:hover{opacity:0.7;}
opacity:0 !important;
pointer-events:none !important;
}
#contactForm .hp-field input{
width:1px !important;
height:1px !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
}
#contactForm input, #contactForm textarea{
width:100%; margin-top:6px; padding:10px; border:1px solid var(--border);
border-radius:4px; background:transparent; color:var(--heading); font-family:inherit;

View file

@ -277,10 +277,10 @@
<h3>Форма для связи</h3>
<form id="contactForm" data-status-loading="..." data-status-success="Отправлено ✓" data-status-error="Не удалось отправить. Попробуйте ещё раз.">
<label class="hp-field" aria-hidden="true">
<span>Company fax</span>
<input type="text" name="hp_company" value="" tabindex="-1" autocomplete="off">
</label>
<div class="hp-field" aria-hidden="true" style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;opacity:0;pointer-events:none">
<label for="hp_company">Company fax</label>
<input id="hp_company" type="text" name="hp_company" value="" tabindex="-1" autocomplete="off">
</div>
<label>
<span>Имя</span>

View file

@ -428,10 +428,10 @@
<h3>Форма для зв'язку</h3>
<form id="contactForm" data-status-loading="..." data-status-success="Надіслано ✓" data-status-error="Не вдалося надіслати. Спробуйте ще раз.">
<label class="hp-field" aria-hidden="true">
<span>Company fax</span>
<input type="text" name="hp_company" value="" tabindex="-1" autocomplete="off">
</label>
<div class="hp-field" aria-hidden="true" style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;opacity:0;pointer-events:none">
<label for="hp_company">Company fax</label>
<input id="hp_company" type="text" name="hp_company" value="" tabindex="-1" autocomplete="off">
</div>
<label>
<span>Ім'я</span>

View file

@ -277,10 +277,10 @@
<h3>Форма для зв'язку</h3>
<form id="contactForm" data-status-loading="..." data-status-success="Надіслано ✓" data-status-error="Не вдалося надіслати. Спробуйте ще раз.">
<label class="hp-field" aria-hidden="true">
<span>Company fax</span>
<input type="text" name="hp_company" value="" tabindex="-1" autocomplete="off">
</label>
<div class="hp-field" aria-hidden="true" style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;opacity:0;pointer-events:none">
<label for="hp_company">Company fax</label>
<input id="hp_company" type="text" name="hp_company" value="" tabindex="-1" autocomplete="off">
</div>
<label>
<span>Ім'я</span>