feature-sliced / documentation

🍰 Architectural methodology for frontend projects
https://feature-sliced.design
MIT License
1.41k stars 146 forks source link

WEBSITE: broken layout #604

Closed Lol1chw closed 9 months ago

Lol1chw commented 11 months ago

image image
Unreadable text on a transparent background and broken layout. Example page

illright commented 10 months ago

Hey, sorry for the delay in response. I don't see these blurred out images myself. What browser are you using? Is it any browser extension that does that?

Lol1chw commented 10 months ago

Hi, I'm using Chrome browser, not using any media related extensions. I think this behavior is due to the fact that I opened the https://feature-sliced.design/ru/examples tab and immediately minimized it before it fully loaded and came back to it after 10-15 minutes.

illright commented 10 months ago

Hey, I tried your steps but still couldn't reproduce. Not with minimizing, not with throttling. How often does this happen for you? Would you say it's a critical issue or something that can easily be worked around?

Lol1chw commented 10 months ago

I tried to reproduce this issue in a slightly different way. I tested it using the performance tab in devtools. I set the following parameters: Network: Slow 3G, CPU: 4x slowdown. I came to the conclusion that this is how lazy loading of images works, but if the tab is minimized before the full load, then lazy loading does not work completely and images are not loaded afterwards. However, there is a difference, if you reproduce the bug manually, there is an option to load these images manually by clicking on the images, but if the bug occurs accidentally, this option is absent and you have to reload the page. I think it's definitely not a critical issue, I opened the issue rather to find out why it happens.

illright commented 9 months ago

I don't know why this could happen, but it probably has to do with docusaurus. Seeing as this is not a critical issue and we want to replace docusaurus at some point, I'll close this.