diff --git a/LittleShop/wwwroot/js/blazor-integration.js b/LittleShop/wwwroot/js/blazor-integration.js
index c5c7ec3..deb2da9 100644
--- a/LittleShop/wwwroot/js/blazor-integration.js
+++ b/LittleShop/wwwroot/js/blazor-integration.js
@@ -2,20 +2,14 @@
document.addEventListener('DOMContentLoaded', async function() {
console.log('Blazor: DOM Content Loaded');
- // Show loading screen initially (only on first load)
- const isFirstLoad = !sessionStorage.getItem('blazorLoaded');
+ // Loading screen is visible by default (no display:none in HTML)
+ // This eliminates the blank white screen on initial page load
const loadingScreen = document.getElementById('pwa-loading-screen');
-
- if (isFirstLoad && loadingScreen) {
- loadingScreen.style.display = 'flex';
- console.log('Blazor: Showing loading screen for first load');
- }
+ console.log('Blazor: Loading screen visible, starting Blazor Server...');
// Blazor Server is available on all Admin pages, so always start it
// The blazor.server.js script is already loaded in _Layout.cshtml
try {
- console.log('Blazor: Starting Blazor Server...');
-
// Start Blazor Server with reconnection UI
await Blazor.start({
reconnectionOptions: {
@@ -34,10 +28,7 @@ document.addEventListener('DOMContentLoaded', async function() {
}
});
- console.log('Blazor: Started successfully');
-
- // Mark as loaded and hide loading screen
- sessionStorage.setItem('blazorLoaded', 'true');
+ console.log('Blazor: Started successfully, hiding loading screen');
hideLoadingScreen();
} catch (error) {