<ul dir="auto">
<li>Electron version: 1.1.0 &amp; 1.2.0</li>
<li>Operating system: OSX El Capitan</li>
</ul>
<p dir="auto">When creating a BrowserWindow and enabling DevTools, <code class="notranslate">-webkit-app-region</code> is not working. If you close the DevTools, drag works as expected.<br>
For info, it works great with 1.0.0...</p>
<p dir="auto">Here's a small exemple :</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;meta charset=&quot;UTF-8&quot;&gt;
    &lt;style&gt;
        #top {
            -webkit-app-region: drag;
            position: fixed;
            top:0;
            right: 0;
            left: 0;
            bottom: 0;
            background: red;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div id=&quot;top&quot;&gt;&lt;/div&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">meta</span> <span class="pl-c1">charset</span>="<span class="pl-s">UTF-8</span>"<span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">style</span><span class="pl-kos">&gt;</span>
        <span class="pl-kos">#</span><span class="pl-c1">top</span> {
            <span class="pl-c1">-webkit-app-region</span><span class="pl-kos">:</span> drag;
            <span class="pl-c1">position</span><span class="pl-kos">:</span> fixed;
            <span class="pl-c1">top</span><span class="pl-kos">:</span><span class="pl-c1">0</span>;
            <span class="pl-c1">right</span><span class="pl-kos">:</span> <span class="pl-c1">0</span>;
            <span class="pl-c1">left</span><span class="pl-kos">:</span> <span class="pl-c1">0</span>;
            <span class="pl-c1">bottom</span><span class="pl-kos">:</span> <span class="pl-c1">0</span>;
            <span class="pl-c1">background</span><span class="pl-kos">:</span> red;
        }
    <span class="pl-kos">&lt;/</span><span class="pl-ent">style</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">div</span> <span class="pl-c1">id</span>="<span class="pl-s">top</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">div</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>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="const electron = require('electron')
const BrowserWindow = electron.BrowserWindow

electron.app.on('ready',() =&gt; {
    const win = new BrowserWindow({
        minWidth: 1024,
        minHeight: 600,
        frameLess: true,
        titleBarStyle: 'hidden-inset',
        show: true
    })

    win.loadURL(`file://${__dirname}/bug.html`)
    win.openDevTools()
})"><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-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">electron</span><span class="pl-kos">.</span><span class="pl-c1">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-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
    <span class="pl-k">const</span> <span class="pl-s1">win</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">minWidth</span>: <span class="pl-c1">1024</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-c1">frameLess</span>: <span class="pl-c1">true</span><span class="pl-kos">,</span>
        <span class="pl-c1">titleBarStyle</span>: <span class="pl-s">'hidden-inset'</span><span class="pl-kos">,</span>
        <span class="pl-c1">show</span>: <span class="pl-c1">true</span>
    <span class="pl-kos">}</span><span class="pl-kos">)</span>

    <span class="pl-s1">win</span><span class="pl-kos">.</span><span class="pl-en">loadURL</span><span class="pl-kos">(</span><span class="pl-s">`file://<span class="pl-s1"><span class="pl-kos">${</span><span class="pl-s1">__dirname</span><span class="pl-kos">}</span></span>/bug.html`</span><span class="pl-kos">)</span>
    <span class="pl-s1">win</span><span class="pl-kos">.</span><span class="pl-en">openDevTools</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">Not a big bug, but it's annoying to have to close DevTools to move the windows...</p>
<p dir="auto"><strong>EDIT</strong> :<br>
Probably related to option : "titleBarStyle", as this code is working on Windows...</p>
<p dir="auto">This is a regression—in Electron <code class="notranslate">0.35.1</code>, draggable regions of the window stop working when the developer tools are opened. This means that the window effectively can't be moved while the developer tools are open. It doesn't matter if the developer tools are docked or in a separate window.</p>
<p dir="auto">I think this might be a side effect of an intentional change? In previous versions, you couldn't use the "Inspect Element" feature to click and select part of the DOM that was in a draggable region (since it was still draggable.) That now works (I can hover over and click on my title bar), but I can't move the window.</p>
<p dir="auto">Here's a sample app to reproduce. Open the app, enable "top toolbar" and then open the developer tools:</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/1037212/11510691/d2c9aa5c-9819-11e5-911e-55a87b840dc2.png"><img src="https://cloud.githubusercontent.com/assets/1037212/11510691/d2c9aa5c-9819-11e5-911e-55a87b840dc2.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto"><a href="https://dl.dropboxusercontent.com/u/4803975/frameless-window.zip" rel="nofollow">https://dl.dropboxusercontent.com/u/4803975/frameless-window.zip</a></p>