<ul dir="auto">
<li>Electron Version: 2.0.0</li>
<li>Operating System (Platform and Version): Windows 10</li>
<li>Last known working Electron version: -</li>
</ul>
<p dir="auto"><strong>Expected Behavior</strong><br>
Non-dragable region if div with <code class="notranslate">position: fixed;</code> and <code class="notranslate">-webkit-app-region: no-drag;</code> is above div with <code class="notranslate">-webkit-app-region: drag;</code></p>
<p dir="auto"><strong>Actual behavior</strong><br>
region becomes dragable if it's position is fixed and div below has <code class="notranslate">-webkit-app-region: drag;</code></p>
<p dir="auto"><strong>To Reproduce</strong><br>
Make frameless window, make non-fixed div which have dragging enabled, put fixed div above and disable dragging. Still dragable.</p>
<ul dir="auto">
<li>Electron version: 1.8.1</li>
<li>Operating system: Windows 7 x64</li>
</ul>
<h3 dir="auto">Expected behavior</h3>
<p dir="auto">mouse events should work normally on fixed/absolute-positioned elements.</p>
<h3 dir="auto">Actual behavior</h3>
<p dir="auto">-webkit-app-region: drag overrides mouse events on elements positioned above and z-index doesn't have any effect</p>
<h3 dir="auto">How to reproduce</h3>
<p dir="auto">HTML:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="
&lt;nav&gt;&lt;/nav&gt;
&lt;header&gt;&lt;/header&gt;
"><pre class="notranslate"><code class="notranslate">
&lt;nav&gt;&lt;/nav&gt;
&lt;header&gt;&lt;/header&gt;

</code></pre></div>
<p dir="auto">CSS:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="nav{
  position: absolute;
  z-index: 100;
  right: 0;
  top: 0;
  width: 200px;
  height: 40px;
  background: blue;
  -webkit-app-region: no-drag;
}

nav:hover{
  background: green;
}

header{
  position: relative;
  z-index: 5;
  width: 100%;
  height: 40px;
  background: red;
  -webkit-app-region: drag;
}
"><pre class="notranslate"><code class="notranslate">nav{
  position: absolute;
  z-index: 100;
  right: 0;
  top: 0;
  width: 200px;
  height: 40px;
  background: blue;
  -webkit-app-region: no-drag;
}

nav:hover{
  background: green;
}

header{
  position: relative;
  z-index: 5;
  width: 100%;
  height: 40px;
  background: red;
  -webkit-app-region: drag;
}

</code></pre></div>
<p dir="auto">Moving the mouse over the blue nav doesn't turn it green because the header drag is stealing all mouse events...</p>