Unable to edit Input inside Popup opened from dx-html-editor placed inside bootstrap Modal

In Angular application , Unable to edit Input inside Pop-up opened from dx-html-editor placed inside bootstrap Modal. Focus/cursor never reach to dx pop-up opens on link click in dx-html-editor.

dx pop-up (Add Link) opens on link click in dx-html-editor should be active

<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close" (click)="closeModal()">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<dx-html-editor id="Textarea_Entry_1"
name="Textarea_Entry_1">
<dxo-toolbar [multiline]="true">
<dxi-item name="bold"></dxi-item>
<dxi-item name="italic"></dxi-item>
<dxi-item name="underline"></dxi-item>
<dxi-item name="background"></dxi-item>
<dxi-item name="link"></dxi-item>

</dxo-toolbar>
</dx-html-editor>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal" (click)="closeModal()">Close</button>
</div>
</div>
</div>

Continue reading...