Botón "Haz clic aquí para activar tu cuenta" deshabilitado

Soporte
1

He tenido Discourse funcionando durante algunos años sin problemas. Está en una instancia de Digital Ocean.
Últimamente, sin embargo, un par de personas me han dicho que hacer clic en el botón “Haz clic aquí para activar tu cuenta” no funciona.
¿Cómo resuelvo esto?

1 me gusta
2

No tengo mucha información aquí para identificar el problema, pero por la descripción, parece que podría ser el resultado de algún tipo de seguimiento de correo electrónico o un conflicto de temas…
¿Qué proveedor de correo electrónico estás utilizando con tu sitio de Discourse?
¿Ofrecen algún tipo de servicio de seguimiento de correo electrónico?
Si es así, ¿está habilitado ese servicio?
Es posible que dicho servicio sea bloqueado por un bloqueador de anuncios o un navegador centrado en la privacidad, lo que explicaría este comportamiento, pero en este caso, la página de activación de la cuenta no se cargaría si el enlace es modificado por el rastreador; en realidad, no debería impedir que alguien haga clic en el botón de activación una vez que la página se haya cargado.
¿Tienes algún tema/componente de tema instalado que pueda estar en conflicto con la página?
¿Tienes registros de errores del navegador de los usuarios afectados?

1 me gusta
3

Gracias por tu respuesta.
El servicio de correo electrónico es a través de uno de mis hosts y no ofrece ningún seguimiento. Es muy básico pero ha sido confiable.
Básicamente, el botón está ahí, pero inactivo. ¿Qué determina si ese botón está “activo” o no?
¡Es un milagro que un usuario haya informado del problema, obtener registros sería como ver un unicornio!

1 me gusta
4

Ok, fue una edición de mi CSS lo que supongo que causó el problema. No estoy seguro de cómo uno podría afectar al otro, pero aquí está la sección de mi CSS que, cuando se elimina, soluciona el problema. Estaba tratando de hacer que el encabezado fuera un poco más tenue.

header::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.2);
}