<ul dir="auto">
<li>Electron version: 1.7.9</li>
<li>Operating system: macOS 10.13.1</li>
</ul>
<h3 dir="auto">Expected behavior</h3>
<p dir="auto">user can only choose audio files</p>
<h3 dir="auto">Actual behavior</h3>
<p dir="auto">the <code class="notranslate">accept</code> field doesn't work at all, user can choose any files</p>
<h3 dir="auto">How to reproduce</h3>
<p dir="auto">use <a href="https://github.com/csepulv/electron-with-create-react-app">electron-with-create-react-app</a> to build a mvp:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="git clone https://github.com/csepulv/electron-with-create-react-app.git
cd electron-with-create-react-app/
npm install
npm run dev"><pre class="notranslate"><code class="notranslate">git clone https://github.com/csepulv/electron-with-create-react-app.git
cd electron-with-create-react-app/
npm install
npm run dev
</code></pre></div>
<p dir="auto">and then just add a file input to the <code class="notranslate">App.js</code>:</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;input type=&quot;file&quot; accept=&quot;audio/*&quot; /&gt;"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">input</span> <span class="pl-c1">type</span>="<span class="pl-s">file</span>" <span class="pl-c1">accept</span>="<span class="pl-s">audio/*</span>" /&gt;</pre></div>
<ul dir="auto">
<li>Electron version:<br>
^1.7.9</li>
<li>Operating system:<br>
macOS 10.13.1</li>
</ul>
<h3 dir="auto">Expected behavior</h3>

<p dir="auto">the accept prop of &lt;input type:"file"&gt; should reject the files which are not under the accept prop,</p>
<h3 dir="auto">Actual behavior</h3>

<p dir="auto">I test the plain HTML with accept prop bound to  which worked properly as expected on safari firefox and chrome, HOWEVER, on electron app, it never worked! , as the accept prop does not exist.</p>
<h3 dir="auto">How to reproduce</h3>
<p dir="auto">Create a basic electron app with HTML &lt;input type:"file" accept:"*"&gt; and you would get this issue, however, I only have Mac, so this may not happen on win machines. And I  assume that was because of the new macOS update with APFS? By the way, the<code class="notranslate"> accept</code> prop won't work with some React file selector components either.</p>