Improve mobile authentication by refining how buttons interact with the modal

Refactor the mobile authentication button handling by removing a global event listener and implementing a direct component interaction method. This ensures the auth modal can be opened correctly from mobile buttons. Additional tests and documentation have been added to verify and explain the functionality.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 495199c6-aa06-48cd-8c40-9cccf398cfcf
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/495199c6-aa06-48cd-8c40-9cccf398cfcf/IQPlVNL
This commit is contained in:
pac7
2025-09-21 14:33:07 +00:00
committed by pacnpal
parent 828d7d9b9a
commit 499c8c5abf
5 changed files with 631 additions and 15 deletions

View File

@@ -12,9 +12,10 @@ Matches React frontend AuthDialog functionality with modal-based auth
x-data="authModal"
x-show="open"
x-cloak
x-init="window.authModal = $data"
x-init="window.authModal = $data; console.log('Auth modal initialized and exposed globally')"
class="fixed inset-0 z-50 flex items-center justify-center"
@keydown.escape.window="close()"
style="display: none;"
>
<!-- Modal Overlay -->
<div