Description of the issue:
window.outerWidth and window.outerHeight are incorrect and they are changing with zoom. They should remain constant if the window size doesn’t change.
Reproducing it by opening devtools console for any live website:
window.addEventListener('resize', function() {
console.clear();
console.log("Inner Width: " + window.innerWidth + " Outer Width: " + window.outerWidth);
});
…and then zooming in/out → the outerWidth is changing together with the innerWidth, but only the innerWidth should change.
Exact URL of the website in question:
Any external live website.
No problem for localhost, file URLs and data URLs
Is there a specific Shields configuration that causes the site to break? If so, tell us that configuration. (yes/no):
yes (Block fingerprinting: ON)
Does the site work as expected when using Chrome?
yes
Brave version (check About Brave
):
Version 1.70.119 Chromium: 129.0.6668.70 (Official Build) (64-bit)
I tried version 1.68 on browserling.com, it works properly even with strict fingerprinting setting.