<ul dir="auto">
<li>Electron version: 0.37.5</li>
<li>Operating system: Windows 10</li>
</ul>
<p dir="auto">Hi! Here's a minimal Electron app to reproduce the bug: <a href="https://github.com/electron/electron/files/212723/electron-webview-resize-bug.zip">electron-webview-resize-bug.zip</a></p>
<ol dir="auto">
<li>Run the app</li>
<li>Click the button to hide the webview</li>
<li>Resize window</li>
<li>Click the button again to show webview</li>
<li><strong>Bug:</strong> Notice the webview hasn't been resized (if you resize the window now then the bug disappears)</li>
</ol>
<p dir="auto">GIF demo:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/446986/14424265/6bf2675e-ffe0-11e5-9c4d-fbbd5612f2d3.gif"><img src="https://cloud.githubusercontent.com/assets/446986/14424265/6bf2675e-ffe0-11e5-9c4d-fbbd5612f2d3.gif" alt="webview-resize-bug-demo" data-animated-image="" style="max-width: 100%;"></a></p>
<p dir="auto">Actual use case where I hit the bug: tabbed UI with hidden <code class="notranslate">&lt;webview&gt;</code>s for non-active tabs.</p>
<hr>
<p dir="auto">Bonus bug found while creating the testcase:</p>
<ol dir="auto">
<li>Remove the <code class="notranslate">&lt;script&gt;...&lt;/script&gt;</code> tag in <code class="notranslate">index.html</code></li>
<li>Launch the app</li>
<li><strong>Bug:</strong> The webview doesn't show up at all.</li>
<li>Try reloading with <code class="notranslate">Ctrl+R</code>, still doesn't show up</li>
<li>Open devtools with <code class="notranslate">Ctrl+Shift+I</code>.</li>
<li>Try realoding with <code class="notranslate">Ctrl+R</code>, notice the webview shows up.</li>
</ol>
<p dir="auto">The absence of a script / not having the devtools open seems to prevent the webview from showing? ¯_(ツ)_/¯</p>
<p dir="auto">I have a very little demo like this:</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;Hello World!&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;webview src=&quot;https://www.google.com/&quot; autosize=&quot;on&quot; minwidth=&quot;576&quot; minheight=&quot;432&quot;&gt;&lt;/webview&gt;
    &lt;/body&gt;
&lt;/html&gt;"><pre class="notranslate"><span class="pl-c1">&lt;!DOCTYPE html<span class="pl-kos">&gt;</span></span>
<span class="pl-kos">&lt;</span><span class="pl-ent">html</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">head</span><span class="pl-kos">&gt;</span>
        <span class="pl-kos">&lt;</span><span class="pl-ent">title</span><span class="pl-kos">&gt;</span>Hello World!<span class="pl-kos">&lt;/</span><span class="pl-ent">title</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;/</span><span class="pl-ent">head</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">body</span><span class="pl-kos">&gt;</span>
        <span class="pl-kos">&lt;</span><span class="pl-ent">webview</span> <span class="pl-c1">src</span>="<span class="pl-s">https://www.google.com/</span>" <span class="pl-c1">autosize</span>="<span class="pl-s">on</span>" <span class="pl-c1">minwidth</span>="<span class="pl-s">576</span>" <span class="pl-c1">minheight</span>="<span class="pl-s">432</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">webview</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;/</span><span class="pl-ent">body</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">html</span><span class="pl-kos">&gt;</span></pre></div>
<p dir="auto">When I run the application, I get a blank page, nothing displayed. But if I add some script to the page, the webview will render. e.g.:</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;Hello World!&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;script&gt;console.log(&quot;Hello World&quot;);&lt;/script&gt;
        &lt;webview src=&quot;http://www.baidu.com/&quot; autosize=&quot;on&quot; minwidth=&quot;576&quot; minheight=&quot;432&quot;&gt;&lt;/webview&gt;
    &lt;/body&gt;
&lt;/html&gt;"><pre class="notranslate"><span class="pl-c1">&lt;!DOCTYPE html<span class="pl-kos">&gt;</span></span>
<span class="pl-kos">&lt;</span><span class="pl-ent">html</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">head</span><span class="pl-kos">&gt;</span>
        <span class="pl-kos">&lt;</span><span class="pl-ent">title</span><span class="pl-kos">&gt;</span>Hello World!<span class="pl-kos">&lt;/</span><span class="pl-ent">title</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;/</span><span class="pl-ent">head</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">body</span><span class="pl-kos">&gt;</span>
        <span class="pl-kos">&lt;</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span><span class="pl-smi">console</span><span class="pl-kos">.</span><span class="pl-en">log</span><span class="pl-kos">(</span><span class="pl-s">"Hello World"</span><span class="pl-kos">)</span><span class="pl-kos">;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span>
        <span class="pl-kos">&lt;</span><span class="pl-ent">webview</span> <span class="pl-c1">src</span>="<span class="pl-s">http://www.baidu.com/</span>" <span class="pl-c1">autosize</span>="<span class="pl-s">on</span>" <span class="pl-c1">minwidth</span>="<span class="pl-s">576</span>" <span class="pl-c1">minheight</span>="<span class="pl-s">432</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">webview</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;/</span><span class="pl-ent">body</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">html</span><span class="pl-kos">&gt;</span></pre></div>