I am dealing with a strange issue only in the Chrome browser (version higher than 100). One of our customers reported that our JSF application screens were not loading properly (without CSS), but worked on subsequent page load or page refresh.
When we try to replicate the scenario, we find that the CSS associated with the screen is not rendered or loaded properly. This occurs infrequently in our development environment but frequently in client environments.
I further analysed the issue via the Chrome Dev tool and found that the CSS file was loaded in a corrupted format (screen attached). This issue is no longer replicable once the page is refreshed. resource is loaded correctly.
I have tried the following.
1.Clear the cookies and caches. 2. Reset chrome browser. 3. I tried to replicate it on different laptops and different versions of the Chrome browser.
I have no idea why this happens or how to resolve this type of problem. I need your help in identifying the root cause of the issue.
Screen shot: 