Background (parent form) should be editable when i click outside modal popup(dialog)

I am using NgbModal model for modal popup(dialog) in angular 6. I have a parent form with button, when clicked onto that button it opens the popup. so my requirement is, when modal pops up, the background (parent form) should be editable or clickable.

also when ever modal pops up the background should be in Editable mode.

i have tried data-keyboard="false" data-backdrop="static" properties to make the parent form editable.

but this doesn't work.

<button aria-label="matMenuButton" mat-icon-button (click)="open()">
    <mat-icon aria-label="menu" aria-hidden="false">picture_in_picture</mat-icon>
</button>

<div>
  <div class="modal-header">

  </div>
  <div class="modal-body">

  </div>
<div>

component that opens :

open() {
        this.modalRef = this.service.openTest('Test View');
    }


openTest(title: string) {
    this.modalRef = this.service.open(TestComponent, { size: 'sm' });
  }

When ever the modal (dialog) pops up,

the background (parent form) should be editable always.