I am trying to get a Booking Calendar plugin to display the calendar and booking form in a pop up window.

Have tried inserting the following code by inserting it into the Raw JS and Raw HTML element but when I click on the link to trigger the pop up the screen goes to black. 

<a href="javascript:void(0)" onclick="javascript:jQuery('.bookingFormModal').modal('show');" class="btn button">Booking form in popup window</a></p>
<div class="wpdevelop">
    <div class="modal bookingFormModal" tabindex="-1" role="dialog" style="display:none;z-index:9999999;">
      <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
            <h4 class="modal-title">Booking Form</h4>
          </div>
          <div class="modal-body">
            [booking type=1]
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
</div><!-- /.wpdevelop -->
<style type="text/css">
.wpdevelop .modal {
    overflow-y: scroll;
}
</style>

I have tried deactivating all plug-ins (except Visual Composer that is needed to run the site), and no change.

I tried changing to a default WP Theme and the script worked perfectly.

I am guessing there is some sort of conflict with Salient Theme's built in Modal javascripting??

Can you please take a look and offer your thoughts on how this could be resolved.

Thank you.

Thank you, clicking on the  Disable Fade Out option worked! However the calendar doesn't display. See attached for what comes up in the modal window. Can you suggest any other options or workaround?

Just reiterating, the Calendar displays correctly when I switch to a default WP Theme.

P.S. In this case, Switching off Page Transition option makes no difference.

Thank you.