Strange behaviour in the Next.js setup. #17869
-
|
Can someone tell me why opening dev tools affects the computation of the target CSS file?
Screen.Recording.2025-05-04.at.19.33.05.mov |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
|
You have an warning sign next to your Network tab: This usually means there is some sort of modification/override active relating to that tab. From the symptoms in your screencast that you helpfully provided, I would posit it could be that you have overridden the CSS content from within devtools. This would mean that the when you open devtools, the overrides apply to the CSS file, causing different styling to occur. You should be able to mouse over the warning sign to see what it means. For example, when overriding network content: |
Beta Was this translation helpful? Give feedback.
-
|
Thanks for pointing out that it could be source overriding. I assumed that this modification of the response only applies when you change the file imperatively. However, it seems that was a wrong assumption because I only enabled blocking requests for one external domain, which is not even related to the current app |
Beta Was this translation helpful? Give feedback.
You have an warning sign next to your Network tab:
This usually means there is some sort of modification/override active relating to that tab. From the symptoms in your screencast that you helpfully provided, I would posit it could be that you have overridden the CSS content from within devtools. This would mean that the when you open devtools, the overrides apply to the CSS file, causing different styling to occur.
You should be able to mouse over the warning sign to see what it means. For example, when overriding network content: