<p dir="auto">Electron 0.36.0<br>
OS X 10.10.3<br>
BrowserWindow with <code class="notranslate">'title-bar-style'</code> set to  <code class="notranslate">'hidden-inset'</code>.</p>
<p dir="auto"><strong>Problem:</strong><br>
There is always a draggable area at the top, even if I don't place any elements there. It has a standard size for this type of windows in OS X (see <em>System Preferences</em>). And I can't disable it for my buttons or other elements by using <code class="notranslate">-webkit-app-region: no-drag;</code>.</p>
<p dir="auto">I'm not sure but I think there wasn't such an issue in 0.35.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/135717/11769011/74f76366-a1e6-11e5-8126-1dcec3d2bd2e.gif"><img src="https://cloud.githubusercontent.com/assets/135717/11769011/74f76366-a1e6-11e5-8126-1dcec3d2bd2e.gif" alt="adv0gldx9e" data-animated-image="" style="max-width: 100%;"></a></p>
<p dir="auto">If this option is set, you can't drag/drop elements that are located in the top of the window (in the region where window's toolbar is placed). Even with <code class="notranslate">-webkit-app-region: drag</code>, dragging is not performed correctly.</p>
<p dir="auto">The element which being dragged is native <code class="notranslate">input[type="range"]</code><br>
Here is the preview:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/2175645/10311824/0f1bebae-6c51-11e5-9194-07cecebfbab3.gif"><img src="https://cloud.githubusercontent.com/assets/2175645/10311824/0f1bebae-6c51-11e5-9194-07cecebfbab3.gif" alt="Preview" data-animated-image="" style="max-width: 100%;"></a></p>