title: Angular7 and NgbModal: how to remove default auto focus
body: <p>we just upgraded our application to angular 7 and we noticed that all ngBootstrap modals have now a default autofocus on the close button  like the following picture.</p>
  
  <p><a href="https://i.stack.imgur.com/Admbz.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Admbz.png" alt="modal image"></a></p>
  
  <p>here is my code:</p>
  
  <p>html modal code:</p>
  
  <pre><code>&lt;form [formGroup]="storeForm" novalidate&gt;
      &lt;div class="modal-content"&gt;
          &lt;div class="modal-header"&gt;
              &lt;h4 class="modal-title"&gt;Modal Test&lt;/h4&gt;
              &lt;button type="button" class="close" aria-label="Close" 
                 (click)="activeModal.dismiss('Cross click')"&gt;
                 &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
              &lt;/button&gt;
          &lt;/div&gt;
          &lt;div class="modal-body"&gt;
              &lt;h4&gt;Todo&lt;/h4&gt;
          &lt;/div&gt;
          &lt;div class="modal-footer"&gt;
              &lt;button role="button" type="submit" class="btn btn-primary" 
                 (click)="activeModal.close('Finish click')" prevent-double- 
                 submit&gt;{{ 'store.add.finish' | translate }}&lt;/button&gt;
         &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>and how is the modal called thanks to my component.ts</p>
  
  <pre><code>    const modal = this._modalService.open(ModalComponent, { backdrop: 
         'static', size: 'lg'});
      modal.result.then(
          (data) =&gt; {
             // some code
          },
          () =&gt; {
          }
      );
  </code></pre>
  
  <p>My question is how can i remove this default autofocus that doesn't fit with our expected behaviour?</p>
  
  <p>Thanks for the reading and please forgive the misspellings.</p>