(function() { // This script runs on page load to block autofill function blockAutofill() { // Create a style element to disable autofill styling const styleEl = document.createElement('style'); styleEl.textContent = 'input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition-delay: 99999s; }'; document.head.appendChild(styleEl); // Detect mobile device const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); // To avoid hydration errors, we'll wait a moment before modifying attributes setTimeout(() => { // Add random attributes to all form elements document.querySelectorAll('form').forEach(form => { form.setAttribute('autocomplete', 'off'); form.setAttribute('autoComplete', 'off'); form.setAttribute('translate', 'no'); // Chrome-specific trick // Extra attributes for mobile if (isMobile) { // Add a random timestamp to confuse mobile browsers form.dataset.timestamp = Date.now().toString(); form.setAttribute('autocomplete', 'false'); form.setAttribute('autocapitalize', 'off'); form.setAttribute('autocorrect', 'off'); } }); // Handle all inputs document.querySelectorAll('input').forEach(input => { // Apply autofill blocking input.setAttribute('autocomplete', 'chrome-off'); input.setAttribute('autoComplete', 'off'); input.setAttribute('translate', 'no'); // Chrome-specific trick // Extra special handling for mobile if (isMobile) { // For mobile Chrome, use specific techniques input.setAttribute('autocomplete', 'new-password'); input.setAttribute('autocorrect', 'off'); input.setAttribute('autocapitalize', 'none'); input.setAttribute('spellcheck', 'false'); input.setAttribute('data-form-type', 'other'); // Add random data attributes to confuse mobile Chrome const randomStr = Math.random().toString(36).substring(2, 8); input.dataset.random = randomStr; // Force clear any prefilled values on focus input.addEventListener('focus', function() { // Store original value const currentValue = this.value; // Clear the field this.value = ''; // Restore current value if it was manually entered (not autofilled) if (currentValue && !this.dataset.autofilled) { setTimeout(() => { this.value = currentValue; }, 10); } // Mark as manually focused this.dataset.focused = 'true'; }); // Detect if a field was autofilled input.addEventListener('input', function() { if (!this.dataset.focused) { this.dataset.autofilled = 'true'; // Clear autofill for mobile setTimeout(() => { if (this.dataset.autofilled === 'true') { this.value = ''; this.dataset.autofilled = 'cleared'; } }, 500); } }); // Override autocomplete on blur input.addEventListener('blur', function() { this.setAttribute('autocomplete', 'new-password'); }); } else { // Desktop randomization const randomizeAutocomplete = () => { const values = ['chrome-off', 'nope', 'new-password', 'one-time-code']; const randomValue = values[Math.floor(Math.random() * values.length)]; input.setAttribute('autocomplete', randomValue); }; // Apply randomization on focus input.addEventListener('focus', randomizeAutocomplete); input.addEventListener('click', randomizeAutocomplete); } }); // Create a special mobile blocker if (isMobile) { // Add hidden mobile-specific inputs to further confuse Chrome mobile const mobileBlocker = document.createElement('div'); mobileBlocker.style.cssText = 'height:0;width:0;opacity:0;position:absolute;z-index:-999;pointer-events:none;'; mobileBlocker.innerHTML = ` `; document.body.appendChild(mobileBlocker); } }, 100); // Small delay to ensure hydration is complete // Monitor DOM changes and apply to new elements const observer = new MutationObserver(mutations => { mutations.forEach(mutation => { if (mutation.addedNodes.length) { mutation.addedNodes.forEach(node => { if (node.nodeType === 1) { // Element node if (node.tagName === 'FORM') { node.setAttribute('autocomplete', 'off'); node.setAttribute('translate', 'no'); if (isMobile) { node.setAttribute('autocomplete', 'false'); } } if (node.tagName === 'INPUT') { node.setAttribute('autocomplete', isMobile ? 'new-password' : 'chrome-off'); node.setAttribute('autoComplete', 'off'); node.setAttribute('translate', 'no'); node.setAttribute('data-form-type', 'other'); node.setAttribute('data-lpignore', 'true'); if (isMobile) { node.setAttribute('autocorrect', 'off'); node.setAttribute('autocapitalize', 'none'); } } // Also check children node.querySelectorAll('form, input').forEach(el => { el.setAttribute('autocomplete', 'off'); el.setAttribute('translate', 'no'); if (isMobile && el.tagName === 'INPUT') { el.setAttribute('autocomplete', 'new-password'); } }); } }); } }); }); observer.observe(document.body, { childList: true, subtree: true }); } // Only run after the page is fully loaded and hydrated if (document.readyState === 'complete') { setTimeout(blockAutofill, 500); } else { window.addEventListener('load', () => setTimeout(blockAutofill, 500)); } })();

Muskoka Cup 2021-2024