title: UIkit.modal.alert then chaining many functions
body: <p>I have a uikit alert, I want to click OK button in the alert then doing many chaining things following the order.</p>
  
  <pre><code>UIkit.modal.alert('test')
     .then(() =&gt; {
       // blah blah 1
        this.httpClient('url1').get().subscribe(data =&gt; {
        this.field1 = data;
         });
     })
     .then(() =&gt; {
       // blah blah 2
         this.updateUi(this.field1);
     })
    .then(() =&gt; {
       // blah blah 3
       this.httpClient('url3').post({body: this.detail}).subscribe(data =&gt; {
           console.log(data);
       });
     })
    .then(() =&gt; {
       // blah blah 4
       this.anotherField = 'newValue';
    });
  </code></pre>
  
  <p>However the chaining is not working well. It seems sometimes it run the <code>blah blah 4</code> first then run <code>blah blah 1</code> or other random orders.</p>
  
  <p>I use <code>uikit 3.03</code></p>
  
  <p>Also I am okay with js alert rather than uikit alert by the way.</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>Per comments, I create a demo at <a href="https://stackblitz.com/edit/call-http-request-in-angular-6-wc5ahn" rel="nofollow noreferrer">https://stackblitz.com/edit/call-http-request-in-angular-6-wc5ahn</a></p>