Custom Layout Modal still dismissible when clicked outside.

[JerseyTechGuy]

I have a Modal Dialog that I am using the UseCustomLayout option and it still seems it can be dismissed with an outside click.

Firstly, I have in my app.razor
<CascadingBlazoredModal HideCloseButton="true" DisableBackgroundCancel="true">

My Dialog is pretty simple.

<div class="modal fade show d-block" tabindex="-1" role="dialog">
    <div class="modal-backdrop fade show" @onclick="@ButtonCancelReportClick"></div>
    <div class="modal-dialog modal-dialog-centered" style="z-index: 1050;">
        <!-- Pop it above the backdrop -->
        <div class="modal-content">
        <!-- Content here -->
        </div>
    </div>
</div>

Finally the launch of the dialog.
var returnedReportParameters = Modal.Show<ReportParametersDialog>("Report Parameters", modalParameters, new Blazored.Modal.ModalOptions() { UseCustomLayout = true });

I know with a custom layout you have to manually implement the click outside close yourself but I though by default the custom layout would then not be dismissible especially with DisableBackgroundCancel set to true.

Any help would be appreciated.