Tengo un SPA muy rudimentario construido en vainilla JS. Hay dos botones que el usuario puede usar para navegar entre páginas, por ejemplo:

 buttonProfile.addEventListener("click", function () { window.history.pushState({}, "", "profile/"); var updatePage = new Event("update-page"); dispatchEvent(updatePage); });

En algún lugar de la aplicación, tengo un detector de eventos que escucha update-page de actualización para actualizar el contenido que debe actualizarse (sin volver a cargar la página) en función de la URL actual. Todo funciona bien.

Sin embargo, noté dos comportamientos extraños:

• Si el usuario comienza en la página A y luego pasa a la página B, el usuario deberá retroceder dos veces (botón en el navegador) para volver a la página A.
• Si el usuario regresa de la página B a la página A, una vez que regrese a la página A, el botón "adelante" en el navegador se atenuará.

EDITAR

En caso de que ayude, noté que tengo el mismo problema cuando uso los SPA de otras personas que tienen una implementación similar. Vea esta demostración simple, por ejemplo: DEMO | CÓDIGO

Pasos para reproducir:

• Haga clic en Acerca de, luego en Contacto, luego nuevamente en Acerca de, luego nuevamente en Contacto.
• Ahora, si presiona Atrás una vez, volverá a Acerca de. Sin embargo, si lo vuelves a presionar permanecerás en Acerca de. Tendrá que presionarlo nuevamente para pasar a Contacto y una vez que lo haga, el botón Reenviar se desactivará.

EDITAR 2

Me doy cuenta de que tanto mi sitio como el sitio que publiqué anteriormente funcionan bien cuando ejecuto mi navegador en modo de incógnito. Debe haber algún otro problema con mi Chrome (aunque no tengo idea de qué).