<ul dir="auto">
<li>Electron version: 1.2.5</li>
<li>Operating system: Windows 7 (64-bit)</li>
</ul>
<p dir="auto">Canvas elements larger than 256x256 disappear on Windows when you set a minWidth and minHeight for the containing browser window, run the app, minimize, and then restore.  I was unable to duplicate on a Mac.  If you use the mouse to make the window considerably wider than the minWidth value, the problem does not duplicate.</p>
<p dir="auto">Note: The problem may not manifest if dev tools are docked to the side.</p>
<p dir="auto">Before minimizing the window:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/6801366/16534134/86f8945a-3fab-11e6-8e3d-a9e72480b6b9.jpg"><img src="https://cloud.githubusercontent.com/assets/6801366/16534134/86f8945a-3fab-11e6-8e3d-a9e72480b6b9.jpg" alt="before-minimize" style="max-width: 100%;"></a></p>
<p dir="auto">After restoring the window:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/6801366/16534141/8dbe7aa2-3fab-11e6-8932-94d270ec6e9a.jpg"><img src="https://cloud.githubusercontent.com/assets/6801366/16534141/8dbe7aa2-3fab-11e6-8932-94d270ec6e9a.jpg" alt="after-minimize" style="max-width: 100%;"></a></p>
<p dir="auto">Duplication steps:</p>
<ul dir="auto">
<li>Use the package.json, main.js and canvas.html code below to duplicate on Windows</li>
<li>npm install &amp; npm start</li>
<li>Note the two canvas elements render OK</li>
<li>Resize the window to the smallest allowed</li>
<li>Minimize the window (Ctrl-M)</li>
<li>Restore the window</li>
<li>Note that the larger canvas on the left is no longer displayed</li>
</ul>
<p dir="auto">package.json:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="{
    &quot;name&quot;: &quot;electron-canvas-issue&quot;,
    &quot;version&quot;: &quot;1.0.0&quot;,
    &quot;description&quot;: &quot;Demo of canvas issue&quot;,
    &quot;main&quot;: &quot;main.js&quot;,
    &quot;scripts&quot;: {
        &quot;start&quot;: &quot;electron .&quot;
    },
    &quot;devDependencies&quot;: {
        &quot;electron-prebuilt&quot;: &quot;^1.2.5&quot;
    }
}"><pre class="notranslate"><span class="pl-kos">{</span>
    <span class="pl-s">"name"</span>: <span class="pl-s">"electron-canvas-issue"</span><span class="pl-kos">,</span>
    <span class="pl-s">"version"</span>: <span class="pl-s">"1.0.0"</span><span class="pl-kos">,</span>
    <span class="pl-s">"description"</span>: <span class="pl-s">"Demo of canvas issue"</span><span class="pl-kos">,</span>
    <span class="pl-s">"main"</span>: <span class="pl-s">"main.js"</span><span class="pl-kos">,</span>
    <span class="pl-s">"scripts"</span>: <span class="pl-kos">{</span>
        <span class="pl-s">"start"</span>: <span class="pl-s">"electron ."</span>
    <span class="pl-kos">}</span><span class="pl-kos">,</span>
    <span class="pl-s">"devDependencies"</span>: <span class="pl-kos">{</span>
        <span class="pl-s">"electron-prebuilt"</span>: <span class="pl-s">"^1.2.5"</span>
    <span class="pl-kos">}</span>
<span class="pl-kos">}</span></pre></div>
<p dir="auto">main.js:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="const electron = require('electron')
const app = electron.app
const BrowserWindow = electron.BrowserWindow
app.on('ready', function () {
    mainWindow = new BrowserWindow({
        title: 'Electron Canvas Issue',
        width: 850,
        height: 600,
        minWidth: 850,
        minHeight: 600
    });
    mainWindow.loadURL('file://' + __dirname + '/canvas.html');
});"><pre class="notranslate"><span class="pl-k">const</span> <span class="pl-s1">electron</span> <span class="pl-c1">=</span> <span class="pl-en">require</span><span class="pl-kos">(</span><span class="pl-s">'electron'</span><span class="pl-kos">)</span>
<span class="pl-k">const</span> <span class="pl-s1">app</span> <span class="pl-c1">=</span> <span class="pl-s1">electron</span><span class="pl-kos">.</span><span class="pl-c1">app</span>
<span class="pl-k">const</span> <span class="pl-v">BrowserWindow</span> <span class="pl-c1">=</span> <span class="pl-s1">electron</span><span class="pl-kos">.</span><span class="pl-c1">BrowserWindow</span>
<span class="pl-s1">app</span><span class="pl-kos">.</span><span class="pl-en">on</span><span class="pl-kos">(</span><span class="pl-s">'ready'</span><span class="pl-kos">,</span> <span class="pl-k">function</span> <span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
    <span class="pl-s1">mainWindow</span> <span class="pl-c1">=</span> <span class="pl-k">new</span> <span class="pl-v">BrowserWindow</span><span class="pl-kos">(</span><span class="pl-kos">{</span>
        <span class="pl-c1">title</span>: <span class="pl-s">'Electron Canvas Issue'</span><span class="pl-kos">,</span>
        <span class="pl-c1">width</span>: <span class="pl-c1">850</span><span class="pl-kos">,</span>
        <span class="pl-c1">height</span>: <span class="pl-c1">600</span><span class="pl-kos">,</span>
        <span class="pl-c1">minWidth</span>: <span class="pl-c1">850</span><span class="pl-kos">,</span>
        <span class="pl-c1">minHeight</span>: <span class="pl-c1">600</span>
    <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-s1">mainWindow</span><span class="pl-kos">.</span><span class="pl-en">loadURL</span><span class="pl-kos">(</span><span class="pl-s">'file://'</span> <span class="pl-c1">+</span> <span class="pl-s1">__dirname</span> <span class="pl-c1">+</span> <span class="pl-s">'/canvas.html'</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
<span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span></pre></div>
<p dir="auto">canvas.html:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;body&gt;
&lt;canvas id=&quot;myCanvas&quot; width=&quot;500&quot; height=&quot;500&quot; style=&quot;border:1px solid #000;&quot;&gt;&lt;/canvas&gt;
&lt;script&gt;
    var c = document.getElementById(&quot;myCanvas&quot;);
    var ctx = c.getContext(&quot;2d&quot;);
    ctx.fillStyle = &quot;#FF0000&quot;;
    ctx.fillRect(10,10,480,480);
&lt;/script&gt;
&lt;canvas id=&quot;myCanvas2&quot; width=&quot;256&quot; height=&quot;256&quot; style=&quot;border:1px solid #000;&quot;&gt;&lt;/canvas&gt;
&lt;script&gt;
    var c2 = document.getElementById(&quot;myCanvas2&quot;);
    var ctx2 = c2.getContext(&quot;2d&quot;);
    ctx2.fillStyle = &quot;#FF0000&quot;;
    ctx2.fillRect(10,10,230,230);
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;"><pre class="notranslate"><span class="pl-c1">&lt;</span><span class="pl-c1">!</span><span class="pl-ent">DOCTYPE</span> <span class="pl-c1">html</span><span class="pl-c1">&gt;</span>
<span class="pl-c1">&lt;</span><span class="pl-ent">html</span><span class="pl-c1">&gt;</span>
<span class="pl-c1">&lt;</span><span class="pl-ent">body</span><span class="pl-c1">&gt;</span>
<span class="pl-c1">&lt;</span><span class="pl-ent">canvas</span> <span class="pl-c1">id</span><span class="pl-c1">=</span><span class="pl-s">"myCanvas"</span> <span class="pl-c1">width</span><span class="pl-c1">=</span><span class="pl-s">"500"</span> <span class="pl-c1">height</span><span class="pl-c1">=</span><span class="pl-s">"500"</span> <span class="pl-c1">style</span><span class="pl-c1">=</span><span class="pl-s">"border:1px solid #000;"</span><span class="pl-c1">&gt;</span><span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">canvas</span><span class="pl-c1">&gt;</span>
<span class="pl-c1">&lt;</span><span class="pl-ent">script</span><span class="pl-c1">&gt;</span>
    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    ctx.fillStyle = "#FF0000";
    ctx.fillRect(10,10,480,480);
<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">script</span><span class="pl-c1">&gt;</span>
<span class="pl-c1">&lt;</span><span class="pl-ent">canvas</span> <span class="pl-c1">id</span><span class="pl-c1">=</span><span class="pl-s">"myCanvas2"</span> <span class="pl-c1">width</span><span class="pl-c1">=</span><span class="pl-s">"256"</span> <span class="pl-c1">height</span><span class="pl-c1">=</span><span class="pl-s">"256"</span> <span class="pl-c1">style</span><span class="pl-c1">=</span><span class="pl-s">"border:1px solid #000;"</span><span class="pl-c1">&gt;</span><span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">canvas</span><span class="pl-c1">&gt;</span>
<span class="pl-c1">&lt;</span><span class="pl-ent">script</span><span class="pl-c1">&gt;</span>
    var c2 = document.getElementById("myCanvas2");
    var ctx2 = c2.getContext("2d");
    ctx2.fillStyle = "#FF0000";
    ctx2.fillRect(10,10,230,230);
<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">script</span><span class="pl-c1">&gt;</span>
<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">body</span><span class="pl-c1">&gt;</span>
<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">html</span><span class="pl-c1">&gt;</span></pre></div>
<p dir="auto"><strong>Is your feature request related to a problem? Please describe.</strong><br>
I use VS Code maximized or full screen, and clicking on the config gear always bring a truncated menu. I'd rather have it in full and higher because I have to scroll every time.</p>
<p dir="auto">I filed this previously on VS Code and they correctly redirected me here: <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="352614515" data-permission-text="Title is private" data-url="https://github.com/microsoft/vscode/issues/56921" data-hovercard-type="issue" data-hovercard-url="/microsoft/vscode/issues/56921/hovercard" href="https://github.com/microsoft/vscode/issues/56921">microsoft/vscode#56921</a></p>
<p dir="auto"><strong>Describe the solution you'd like</strong><br>
Having config menu popping up above bottom and expanded in full instead of having to scroll.</p>
<p dir="auto"><strong>Describe alternatives you've considered</strong><br>
I can scroll instead.</p>
<p dir="auto"><strong>Additional context</strong><br>
I'm using MacOS 10.13.16</p>
<p dir="auto">Showing might help, please see my two screen shots.</p>
<p dir="auto">Thank you for your time.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1154213/44468739-e99fcc80-a5f3-11e8-9259-809c696bee0a.png"><img width="285" alt="44414137-088e5800-a53b-11e8-8228-76cda8f27744" src="https://user-images.githubusercontent.com/1154213/44468739-e99fcc80-a5f3-11e8-9259-809c696bee0a.png" style="max-width: 100%;"></a></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1154213/44468740-e99fcc80-a5f3-11e8-9278-4c1419fc3b88.png"><img width="210" alt="44414136-07f5c180-a53b-11e8-9fc0-39286d6a14d3" src="https://user-images.githubusercontent.com/1154213/44468740-e99fcc80-a5f3-11e8-9278-4c1419fc3b88.png" style="max-width: 100%;"></a></p>