search

RiadhAdrani / slick-portfolio-svelte

Vercel-like style portfolio template for developers.
https://riadhadrani.github.io/slick-portfolio-svelte/
203 stars 105 forks source link

Certain Elements are in wrong theme on initial load #13

Closed alessioamo closed 10 months ago

alessioamo commented 10 months ago

If you load the website for the first time (you can test this by opening it in an incognito page) certain elements are in the wrong theme. For example, the title text on the main page is in white instead of black. This can be fixed by changing the theme from dark and back to light but on initial load the issue still persists. image Image with title highlighted to show it's there image

Honsl commented 10 months ago

This seems to happen on the skills page also, it does not load the colors or logos - until you switch to dark mode image image

RiadhAdrani commented 10 months ago

hello @alessioamo, It works fine on my end (edge chromium, even in incognito), which browser are you using ?

Honsl commented 10 months ago

Edge

RiadhAdrani commented 10 months ago

Edge

Is that in development or in production (if so can you provide a link)

Honsl commented 10 months ago

production - https://honsl.github.io/

RiadhAdrani commented 10 months ago

Weird, it is working on my machine, maybe it could be issues related to network ?

alessioamo commented 10 months ago

I have tried using Edge and Chrome and the issue persists on both browsers. I even had someone else test it on their PC and the same thing happens. When I open @Honsl 's page, I see the same issue as well

RiadhAdrani commented 10 months ago

Very weird, I too tried with multiple machines (3) and it is working as intended : Screenshot from 2024-01-16 20-16-21

to narrow the scope, the problem occurs only with the light mode ?

Honsl commented 10 months ago

Seems to be only on light mode and on the initial visit to the site (you need to change to dark mode for it to be able to show on next visit). Visiting the site in incognito always has the issue.

alessioamo commented 10 months ago

That's the same issue for me

alessioamo commented 10 months ago

@Honsl have you been able to find a solution?

RiadhAdrani commented 10 months ago

@Honsl have you been able to find a solution?

Hello, I am busy with work, I'll have a look at it in the weekend hopefully.

RiadhAdrani commented 10 months ago

Hello again, any update on your end ? I was unable to reproduce the bug ? otherwise, maybe we can toggle the theme (twice) on startup and display a loading spinner, for now until we find the culprit.

alessioamo commented 10 months ago

I was unable to find a reason for the bug or a solution to it. I was thinking of doing what you said and toggle the theme twice on startup as a temporary fix

RiadhAdrani commented 10 months ago

Hello, @alessioamo @Honsl let us know if the new commits fixed the issue.

alessioamo commented 10 months ago

Yes it does!

Honsl commented 9 months ago

It does load the text and images now, but on initial load it now does this weird page load - were everything is miss sized.

https://github.com/RiadhAdrani/slick-portfolio-svelte/assets/6414112/7144b881-6496-4e84-a700-d7489f41219b

RiadhAdrani commented 9 months ago

@Honsl I think that has to do with the amount of files/data the page is loading