<p dir="auto">I know there is a similar issue (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="87687492" data-permission-text="Title is private" data-url="https://github.com/electron/electron/issues/1954" data-hovercard-type="issue" data-hovercard-url="/electron/electron/issues/1954/hovercard" href="https://github.com/electron/electron/issues/1954">#1954</a>) but it is related with Squirrel.Windows and Windows 10. This problem is also on Windows 7 and <strong>Squirrel.Windows</strong> shouldn't be needed for pinning an application.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/64dd1088e74e97bca1c8e9fa653925f59c456f8232a59f1a21e1c05c1fb5cd91/68747470733a2f2f692e6779617a6f2e636f6d2f36626538343861616263386230393861643832373361306364323637303436622e676966"><img src="https://camo.githubusercontent.com/64dd1088e74e97bca1c8e9fa653925f59c456f8232a59f1a21e1c05c1fb5cd91/68747470733a2f2f692e6779617a6f2e636f6d2f36626538343861616263386230393861643832373361306364323637303436622e676966" alt="img" data-animated-image="" data-canonical-src="https://i.gyazo.com/6be848aabc8b098ad8273a0cd267046b.gif" style="max-width: 100%;"></a></p>
<ul dir="auto">
<li><code class="notranslate">app.setAppUserModelId('electron.app.AppName')</code> doesn't make any difference.</li>
<li>This is happening when I drag (as in the gif above) the .exe to the taskbar and then I try to run it. If I execute the app first and then pin the running instance, the pinned app will work correctly.</li>
</ul>
<ul dir="auto">
<li>Output of <code class="notranslate">node_modules/.bin/electron --version</code>: 3.0.0</li>
<li>Output of <code class="notranslate">node_modules/.bin/electron --version</code> on last known working Electron version (if applicable): 2.0.10</li>
<li>Operating System (Platform and Version): macOS 10.12.6</li>
</ul>
<p dir="auto"><strong>Expected Behavior</strong><br>
When setting the <code class="notranslate">titleBarStyle</code> to <code class="notranslate">hiddenInset</code> on macOS I would expect it to show the macOS "traffic lights" buttons for closing, minimizing and expanding the window.</p>
<p dir="auto"><strong>Actual behavior</strong><br>
The traffic lights are not visible, yet they do respond to clicks when you click on the area corresponding to each of the buttons.</p>
<p dir="auto"><strong>To Reproduce</strong></p>
<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="$ git clone https://github.com/hellais/electron-quick-start.git -b hidden-inset
$ npm install
$ npm start"><pre class="notranslate">$ git clone https://github.com/hellais/electron-quick-start.git -b hidden-inset
$ npm install
$ npm start</pre></div>
<p dir="auto"><strong>Screenshots</strong><br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/424620/46090182-7704ac80-c1b0-11e8-940f-989bd95ac234.png"><img src="https://user-images.githubusercontent.com/424620/46090182-7704ac80-c1b0-11e8-940f-989bd95ac234.png" alt="screen shot 2018-09-26 at 17 20 11" style="max-width: 100%;"></a><br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/424620/46090183-7704ac80-c1b0-11e8-93cc-53f2791db94d.png"><img src="https://user-images.githubusercontent.com/424620/46090183-7704ac80-c1b0-11e8-93cc-53f2791db94d.png" alt="screen shot 2018-09-26 at 17 19 48" style="max-width: 100%;"></a></p>