<p dir="auto">I am trying to implement the Bluetooth device selection dialog via the <em>select-bluetooth-device</em> event. Once you call the supplied callback with an empty ID, all further calls to navigator.bluetooth.requestDevice() reject with an error telling me that the user canceled.</p>
<p dir="auto">Also, the device list is full of duplicate entries!</p>
<ul dir="auto">
<li>Electron version: 1.7.8</li>
<li>Operating system: Mac OS 10.12.6</li>
</ul>
<h3 dir="auto">Expected behavior</h3>
<p dir="auto">Repeated calls to navigator.bluetooth.requestDevice() spawn more <em>select-bluetooth-device</em> events</p>
<h3 dir="auto">Actual behavior</h3>
<p dir="auto">navigator.bluetooth.requestDevice() rejects.</p>
<h3 dir="auto">How to reproduce</h3>
<p dir="auto">Implement the event handler:</p>
<p dir="auto">mainWindow.webContents.on('select-bluetooth-device', (event, devices, callback) =&gt; {<br>
event.preventDefault();<br>
callback('');<br>
});</p>
<p dir="auto">Then call navigator.bluetooth.requestDevice() repeatedly.</p>
<p dir="auto">See also issue <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="264836547" data-permission-text="Title is private" data-url="https://github.com/electron/electron/issues/10764" data-hovercard-type="issue" data-hovercard-url="/electron/electron/issues/10764/hovercard" href="https://github.com/electron/electron/issues/10764">#10764</a> .</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>