Even a simple html page gives the "Content Sized Correctly for Viewport" error #9777
Comments
|
Tried with the node.js Lighthouse app on the same page: test is passed. M0010218224:~ camillo$ lighthouse --version So it can be related to lighthouse 5.2.0 on Chrome |
|
Thanks for filing @camillo777! This was a bug in Chrome 77 that was fixed in Chrome 78 due out in a few weeks. (You can use Beta or Canary Chrome in the meantime) See #9476 (comment) |
|
Yup, you can use a fixed version in Chrome Beta today. But thanks for using our tool and caring enough to report a bug :) |
|
I'm getting the same issue with this minimum viable HTML: <!doctype html>
<h1>test</h1>using Chrome v86.0.4240.75, however I don't see it in Canary 88.0.4292.0, can I assume it'll be fixed in a future Chrome version? Or should I open a Chromium bug? |
|
@Malvoz that would be working as intended as there is no meta viewport declaration on that snippet you provided. |
|
@patrickhulce I guess I took "minimum viable HTML" to an extreme. I initially got the same issue with the following HTML: <html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
</head>
<body>
<h1>test</h1>
</body>
</html>which I tested after debugging more complex HTML, for 1+ hour 😅 |
|
I can't reproduce that in stable or canary :/ http://melodic-class.glitch.me/meta-viewport.html
Either way if it's fixed for you in Chrome Canary then there's no action for anyone to take outside of waiting :) |
|
Guess there's nothing TBD then. Thank you for your time @patrickhulce. :) |
|
That just means the audit doesn't apply to this page, not that it failed. This happens everywhere if you audit the page in desktop mode and WAI. |
Error message is:
Content is not sized correctly for the viewportThe viewport size is 412px, whereas the window size is 1437px.
If the width of your app's content doesn't match the width of the viewport, your app might not be optimized for mobile screens. Learn more.
windows size is not the actual html windows size, but the Chrome app window size that obviously is never matching the html window size.
Provide the steps to reproduce
Check with this simple HTML:
What is the current behavior?
Lighthouse gives error:
Content is not sized correctly for the viewportThe viewport size is 412px, whereas the window size is 1437px.
What is the expected behavior?
There is no error.
At least the 1437px size is the HTML size not the Chrome app size
Environment Information
Affected Channels:
Dev Tools on Chrome Version 77.0.3865.90 (Official Build) (64-bit)
Lighthouse version: Lighthouse 5.2.0
Node.js version:
Operating System: OSX 10.12.6
Related issues
The text was updated successfully, but these errors were encountered: