I haven't had this problem before, but in the last few days, anytime I enter Chrome Dev Tools responsive mode, only the top left 1/4 of the screen is visible. the other 3/4s of the screen are white.
To be clear, its not scaling the content to fit inside the top left 1/4, it shows the frame correctly but cuts off all but the top left 1/4 of the screen.
I'm running chrome 65 on macOS. I uninstalled plugins, tried incognito, and even completely uninstalled, restart and reinstall. Bug persists.
I've validated that its not just the site I'm on my checking the site on another mac running the same version of macOS and Chrome with no bug.
Update: This problem is gone in chrome canary, however using that browser 100% is not feasible.
Related
Chrome recently started this severe janky behavior. When I scroll ANY PAGE, the content is blank for a full second before Chrome renders the content. Even when I scroll back up to previously rendered content, it is blank for a full second before Chrome rerenders the content! It is super annoying!
What broke? And how do I fix it? Use the flags page to demonstrate the behavior: chrome://flags/
I'm running the latest Chrome version on the latest Beta Mac OS:
Chrome Version 108.0.5359.124 (Official Build) (arm64)
macOS Ventura 13.2 Beta(a)
I found a fix/workaround that restores smooth scrolling and everything is already rendered! Go to chrome://flags/ and disable "Threaded Scrolling." I haven't noticed any page performance degradation either.
Steps to reproduce:
Go to this demo
Open dev tools on Chrome (ensure you are at least on 108 or above)
Toggle the device tool bar
Select any mobile device
Select the body element in dev tools
Witness the fact that there is a lot of extra space after the body.
The same result cannot be reproduced by resizing the browser window, you must use either the device tool bar or a real mobile device.
I have tried Chrome on Linux, Mac, and Android, all face this issue. Firefox on Linux, Mac and Android do not face this issue. Safari on iOS and Mac do not face this issue. So it really is just Chrome.
I'm a bit confused on why this could be happening and how I might be able to fix it.
I have tried playing with overflow settings on the body tag. I have also tried playing with width and height fit-content. Neither have solved this issue for me. Maybe this is a bug with the svh and svw units I am using?
As many of you are probably aware, Chrome has an annoying "feature" where it auto adjusts the zoom so the content "fits to window" when you have the Chrome Dev Tools open and the Device Toolbar enabled.
If you change the zoom back to 100% then it changes the width to something that will fit, so you literally can't change either as it forces one of the other back to a setting so it will fit in the window.
Now, I have tried this, this, this and this, none of which work.
I have also recently reinstalled Windows 7 and it still works the same as it did before the reinstall.
I'm running on Windows 7 if that matters.
Is there any other settings that this could probably be to stop it from doing this!?
I am running Chrome 65 and since the last upgrade whenever I try and activate the device mode in developer tools (i.e. to see how the page would look like on a mobile phone), only the top left quadrant of the window is displayed correctly. The remaining 75% of the screen is left white (but very strangely accepts input)
I was experiencing the same issue in Chrome 65. Today, I saw that there was a pending update in Chrome. I installed this update and noted that the issue was gone.
The new update has the following version number (at least on my machine): 65.0.3325.162
I'm developing a website and today Google chrome has decided to show this big white box.
A week ago i didn't have this problem and i haven't changed the code since.
I don't have the problem in other browsers(ie and firefox).
Actually seems to be a problem with this monitor. I'm extending my laptop display and if i have the browser open on the laptop display there's no problem. But having it open on the monitor i get this big white box.
The only way i can get it to disappear on the monitor is if i zoom to 150%+.
Chrome is updated i even tried uninstalling and re installing.
Just curious has anyone else had this problem?
Any Fixes?
there is the image of what it looks like
http://postimage.org/image/kodmqafb5/
if you have download keeper enabled in extensions it's the reason for the white box atleast on mine anyways i just got rid of it and then chrome downloaded it again just get ri of it when it happens should fix your problem