title: Swal inside a Swal - Second swal closes both(Is this the expected behavior?)
body: <p>I have a scenario where i have a first swal, that allows opening a second swal.</p>
  
  <p>When closing the second swal (by OK or cancel), both the second and the first swal are closed.</p>
  
  <p>Is this the expected behavior? I was expecting that when closing the second swal, the first one would remain open until explicitly closed (by OK or cancel).</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const html = "&lt;a onclick='swal(\"Second swal\")'&gt;Open second swal&lt;/a&gt;";
  swal({
      title: "swal 1",
      html: html,
      showCancelButton: true,
      allowOutsideClick: false,
      customClass: 'swal-wide',
  }).then(function(value) {
      },
      function(dismiss) {
      }
  ).catch(swal.noop);</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://unpkg.com/sweetalert2@7.13.1/dist/sweetalert2.all.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>