Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

The webview tag is not sized properly

See original GitHub issue

Even if an explicit size has been declared, the webview tag is not sized properly when the application starts up. However, if the application’s window is manually resized, then the webview immediately gets resized properly.

Here is an example page that triggers the problem:

<html>

    <head lang="en">
        <style>
            html, body {
                height: 100%;
                margin: 0;
            }
        </style>
    </head>

    <body>
        <webview src="http://google.com/" style="width:100%; height:100%;"></webview>
    </body>

</html>

When the application is launched the webview occupies roughly the height of a single line of text. The problem happens on Mac OS X Yosemite and Windows 8.1.

This is in NW.js 0.13beta2

<bountysource-plugin>

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource. </bountysource-plugin>

Issue Analytics

State:
Created 8 years ago
Reactions:4
Comments:17 (8 by maintainers)

Top GitHub Comments

4reactions

jamespatrickwhitecommented, Jan 17, 2017

For anyone else that happens to run into this issue, I found that in my case (using 0.19.5-sdk), it wouldn’t change size unless I explicitly set the webview element’s display style property to flex.

ie: <webview src="..." id="..." style="display:flex; height:100%; width:100%;"></webview>

0reactions

tekratcommented, Mar 3, 2019

This is an issue with Chrome / Chromium / Webkit. There is not a fix for this. IFrame’s has the same issue. The workaround is: