title: Modal opens but does not display the content - ngx-smart-modal
body: <p>I'm using Angular 5 with version 5.2.9 and I'm using ngx-smart-modal and when I open Modal does not present the content and is very close to the top and reduced, the attached image is attached.</p>
  
  <pre><code>const reasons = '&lt;h1&gt;Reasons&lt;/h1&gt;';
  this.ngxSmartModalService.setModalData(this.sanitizer.bypassSecurityTrustHtml(reasons), 'reasonsModal');
  this.ngxSmartModalService.getModal('reasonsModal').open();
  </code></pre>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ngx-smart-modal #reasonsModal identifier="reasonsModal" (onDismiss)="clearModal()" (onClose)="clearModal()"&gt;
    &lt;div *ngIf="reasonsModal.hasData()" [innerHTML]="reasonsModal.getData()"&gt;
      &lt;pre&gt;{{reasonsModal.getData}}&lt;/pre&gt;
    &lt;/div&gt;
    &lt;button (click)="reasonsModal.close()"&gt;Closes&lt;/button&gt;
  &lt;/ngx-smart-modal&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://i.stack.imgur.com/GSzhL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GSzhL.png" alt="Error in image"></a></p>