Si el usuario no ha iniciado sesión, no se puede interactuar con la ventana emergente, pero una vez que el usuario inicia sesión, se puede interactuar con ella, no estoy seguro de por qué sucede esto realmente y no parece que sea un problema de JavaScript, no pude encontrar ninguna solución. buscando alrededor. Me pregunto qué podría causar este comportamiento en Flask
HTML + Jinja2 :
<body> {% with messages = get_flashed_messages(with_categories=true) %} {% if messages %} {% for category, message in messages %} {% if category == "soft-error" %} <div class="toast" id="toast"> <div class="toast-content"> <div class="close-btn"> <a class="wa-close icon-pos" id="close-btn"></a> </div> <div class="message"> <div class="text-content"> <p class="text text-1" id="txt-hide">Error</p> <span class="text text-2" id="txt-hide-2">{{ message }}</span> </div> </div> </div> </div> {% endif %} {% endfor %} {% endif %} {% endwith %} {% block content %}{% endblock%} </body>JavaScript :
const closeBtn = document.getElementById('close-btn'); const toast = document.getElementById("toast"); closeBtn.addEventListener('click', () => { toast.parentNode.removeChild(toast); }); setTimeout(function() { toast.parentNode.removeChild(toast); }, 5000);