Hotfix: Remove Character Limit

Remove Character Limit from Passkey Input on Handshake

Author: Ariansdf

resources/views/partials/gateway/handshake.blade.php

@@ -6,10 +6,10 @@
 <div class="wrapper">
 
     <div class="container">
-            
+
         <div class="slide" data-index="1">
             <h3>{{ $translation["HS_EnterPasskeyMsg"] }}</h3>
-            
+
             <form id="passkey-form"  autocomplete="off">
 
                 <div class="password-input-wrapper">
@@ -52,7 +52,7 @@ class="passkey-input"
             <div class="nav-buttons">
                 <button onclick="extractPasskey()" class="btn-lg-fill align-end">{{ $translation["Continue"] }}</button>
             </div>
-            
+
             <p class="red-text" id="backup-alert-message"></p>
             <button onclick="switchSlide(4)" class="btn-md">{{ $translation["HS_ForgottenBackup"] }}</button>
 
@@ -121,22 +121,6 @@ class="passkey-input"
             const rand = generateTempHash();
             input.setAttribute('name', rand);
 
-            // Input filter for allowed characters
-            input.addEventListener('beforeinput', function (event) {
-                if (event.inputType.startsWith('insert')) {
-                    if (!/^[A-Za-z0-9!@#$%^&*()_+-]+$/.test(event.data)) {
-                        event.preventDefault();
-                        console.log('bad input');
-                        input.parentElement.style.border = '1px solid red'
-
-                        setTimeout(() => {
-                            input.parentElement.style.border = 'var(--border-stroke-thin)';
-                            console.log('back');
-                        }, 100);
-                    }
-                }
-            });
-
             // Handle Enter key
             input.addEventListener('keypress', function (event) {
                 if (event.key === 'Enter') {
@@ -164,7 +148,7 @@ class="passkey-input"
                 if(input.dataset.visible === 'false'){
                     input.value = '*'.repeat(updated.length);
                 }
-      
+
             });
 
             // Prevent copy/cut/paste
@@ -178,14 +162,14 @@ class="passkey-input"
                 const icons = toggleBtn.querySelectorAll('svg');
                 const eye = icons[0];
                 const eyeOff = icons[1];
-                
+
                 const isVisible = input.dataset.visible === 'true';
                 if (!isVisible) {
                     input.value = real;
                     eye.style.display = 'none';
                     eyeOff.style.display = 'inline-block';
                     input.dataset.visible = 'true';
-                } 
+                }
                 else {
                     input.value = '*'.repeat(real.length);
                     eye.style.display = 'inline-block';
@@ -202,4 +186,4 @@ class="passkey-input"
 </script>
 
 
-@endsection
+@endsection