<ul dir="auto">
<li>Electron version: 1.7.5</li>
<li>Operating system: macOS Sierra 10.12.6</li>
</ul>
<h3 dir="auto">Expected behavior</h3>
<p dir="auto">When creating a <code class="notranslate">saveDialog</code> with multiple extensions configured in <code class="notranslate">.filter</code>, the dialog should allow the user to pick an extension, like here:</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/10247/29610825-b547ffe6-87fb-11e7-927b-8a8311ff2ef7.png"><img src="https://user-images.githubusercontent.com/10247/29610825-b547ffe6-87fb-11e7-927b-8a8311ff2ef7.png" alt="screen shot 2017-08-23 at 12 07 51" style="max-width: 100%;"></a></p>
<h3 dir="auto">Actual behavior</h3>
<p dir="auto">There is no extension picker:</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/10247/29610844-c510b706-87fb-11e7-88b7-37952d66ec25.png"><img src="https://user-images.githubusercontent.com/10247/29610844-c510b706-87fb-11e7-88b7-37952d66ec25.png" alt="screen shot 2017-08-23 at 12 08 13" style="max-width: 100%;"></a></p>
<h3 dir="auto">How to reproduce</h3>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="const { dialog } = require('electron').remote

dialog.showSaveDialog({
  filters: [
    { name: 'M3U8', extensions: ['m3u8'] },
    { name: 'PLS', extensions: ['pls'] }
  ]
}, filePath =&gt; {})"><pre class="notranslate"><span class="pl-k">const</span> <span class="pl-kos">{</span> dialog <span class="pl-kos">}</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-kos">.</span><span class="pl-c1">remote</span>

<span class="pl-s1">dialog</span><span class="pl-kos">.</span><span class="pl-en">showSaveDialog</span><span class="pl-kos">(</span><span class="pl-kos">{</span>
  <span class="pl-c1">filters</span>: <span class="pl-kos">[</span>
    <span class="pl-kos">{</span> <span class="pl-c1">name</span>: <span class="pl-s">'M3U8'</span><span class="pl-kos">,</span> <span class="pl-c1">extensions</span>: <span class="pl-kos">[</span><span class="pl-s">'m3u8'</span><span class="pl-kos">]</span> <span class="pl-kos">}</span><span class="pl-kos">,</span>
    <span class="pl-kos">{</span> <span class="pl-c1">name</span>: <span class="pl-s">'PLS'</span><span class="pl-kos">,</span> <span class="pl-c1">extensions</span>: <span class="pl-kos">[</span><span class="pl-s">'pls'</span><span class="pl-kos">]</span> <span class="pl-kos">}</span>
  <span class="pl-kos">]</span>
<span class="pl-kos">}</span><span class="pl-kos">,</span> <span class="pl-s1">filePath</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span><span class="pl-kos">}</span><span class="pl-kos">)</span></pre></div>
<ul dir="auto">
<li>Electron version: 1.7.5</li>
<li>Operating system: macOS Sierra 10.12.6</li>
</ul>
<h3 dir="auto">Expected behavior</h3>
<p dir="auto">When creating a <code class="notranslate">saveDialog</code> with multiple extensions configured in <code class="notranslate">.filter</code>, the dialog should allow the user to pick an extension, like here:</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/10247/29610825-b547ffe6-87fb-11e7-927b-8a8311ff2ef7.png"><img src="https://user-images.githubusercontent.com/10247/29610825-b547ffe6-87fb-11e7-927b-8a8311ff2ef7.png" alt="screen shot 2017-08-23 at 12 07 51" style="max-width: 100%;"></a></p>
<h3 dir="auto">Actual behavior</h3>
<p dir="auto">There is no extension picker:</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/10247/29610844-c510b706-87fb-11e7-88b7-37952d66ec25.png"><img src="https://user-images.githubusercontent.com/10247/29610844-c510b706-87fb-11e7-88b7-37952d66ec25.png" alt="screen shot 2017-08-23 at 12 08 13" style="max-width: 100%;"></a></p>
<h3 dir="auto">How to reproduce</h3>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="const { dialog } = require('electron').remote

dialog.showSaveDialog({
  filters: [
    { name: 'M3U8', extensions: ['m3u8'] },
    { name: 'PLS', extensions: ['pls'] }
  ]
}, filePath =&gt; {})"><pre class="notranslate"><span class="pl-k">const</span> <span class="pl-kos">{</span> dialog <span class="pl-kos">}</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-kos">.</span><span class="pl-c1">remote</span>

<span class="pl-s1">dialog</span><span class="pl-kos">.</span><span class="pl-en">showSaveDialog</span><span class="pl-kos">(</span><span class="pl-kos">{</span>
  <span class="pl-c1">filters</span>: <span class="pl-kos">[</span>
    <span class="pl-kos">{</span> <span class="pl-c1">name</span>: <span class="pl-s">'M3U8'</span><span class="pl-kos">,</span> <span class="pl-c1">extensions</span>: <span class="pl-kos">[</span><span class="pl-s">'m3u8'</span><span class="pl-kos">]</span> <span class="pl-kos">}</span><span class="pl-kos">,</span>
    <span class="pl-kos">{</span> <span class="pl-c1">name</span>: <span class="pl-s">'PLS'</span><span class="pl-kos">,</span> <span class="pl-c1">extensions</span>: <span class="pl-kos">[</span><span class="pl-s">'pls'</span><span class="pl-kos">]</span> <span class="pl-kos">}</span>
  <span class="pl-kos">]</span>
<span class="pl-kos">}</span><span class="pl-kos">,</span> <span class="pl-s1">filePath</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span><span class="pl-kos">}</span><span class="pl-kos">)</span></pre></div>