PDF Viewer IFrame in Bootstrap modal

Helllo guys, i have problem with control PDF viewer in my modal from Bootstrap 4. I can't click on anything. After click on modal it hide.

I am using PDF viewer library from: https://github.com/goodnesskay/LARAVEL-PDF-VIEWER

Here is my blade code:

@if(strpos($document->filename, '.pdf') !== false)
                    <button type="button" class="btn btn-sm btn-outline-primary fs-1" data-toggle="modal" data-target="#ebook-pdf-{{ $document->id }}"><i class="fa fa-file-pdf-o" aria-hidden="true"></i> Show PDF</button>
@endif

<div class="modal fade" id="ebook-pdf-{{ $document->id }}" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-body">
            <iframe src ="/storage/documents/{{ $document->filename }}" width="100%" height="600px"></iframe>
        </div>
    </div>
</div>

Can someone help me? Thank you so much.