Dialog not working with [config]= option in Safari

Hi Arkadiusz,

Here is the html which runs a sample dialog.

Note that the dialog opens in the bottom right of the window.

Here is what I have found in summary:

Thanks! - Mark

Here is the html which runs a sample dialog.

Note that the dialog opens in the bottom right of the window.

<div [config]="{backdrop: false, ignoreBackdropClick: true}" aria-hidden="true"

     mdbModal class="modal fade right" tabindex="-1" role="dialog">

  <div class="modal-dialog modal-side modal-bottom-right" role="document">

    <div class="modal-content">

      <div class="modal-header">

        <div class="d-flex justify-content-between w100">

          <div id="myModalLabel">

            <b>Label</b>

          </div>

          <div>

            <button (click)="uploadStatusModalService.hideUploadModal()" aria-label="Close" class="close btn-d" data-dismiss="modal"

                    type="button">

              <span aria-hidden="true" class="white-text">&times;</span>

            </button>

          </div>

        </div>

      </div>

      <div class="modal-body">

        Modal Body

      </div>

    </div>

  </div>

</div>

Here is what I have found in summary:

<div [config]="{backdrop: false, ignoreBackdropClick: true}" aria-hidden="true"

- Works fine in Safari



<div [config]="{backdrop: false, ignoreBackdropClick: false}” aria-hidden="true"

- Works fine in Safari



<div [config]="{backdrop: true, ignoreBackdropClick: false}” aria-hidden="true"

- Works fine in Safari



<div [config]="{backdrop: true, ignoreBackdropClick: true}” aria-hidden="true"

-  Does not work in Safari (opens in extreme top-right)

Thanks!