title: Angular: modal window disappears when clicking outside
body: <p>my contact form opens as modal</p>
  <pre><code>export class ContactFormComponent implements OnInit {
  constructor(public activeModal: NgbActiveModal, private contactService: ContactService) { }
  close() {this.activeModal.dismiss('Cross click');}
  }
  </code></pre>
  <p>I invoke it from here</p>
  <pre><code>export class AppComponent implements OnInit {
  
    constructor(private modalService: NgbModal) { }
    ngOnInit() {  }  
    openContactForm() {
      this.modalService.open(ContactFormComponent, { windowClass: 'contact-modal', size: 'xl' });   
    }
  }
  </code></pre>
  <p>and in my <code>app.component.html</code></p>
  <pre><code>&lt;div class=&quot;col-12 text text-center&quot; style=&quot;cursor:pointer;&quot; (click)=&quot;openContactForm()&quot;&gt;Contact Us&lt;/div&gt;
  </code></pre>
  <p>Clicking outside the contact form area hides it - where and how can I set it to static so it can be closed only from the close or send button?</p>