引导模式中的PDF查看器IFrame

大家好，我在Bootstrap4的模式中遇到了控制PDF查看器的问题。我不能点击任何东西。点击模态后，它会隐藏

我使用的PDF查看器库来自：

这是我的刀片代码：

@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>

@if（strpos（$document->filename，.pdf'）！==false）
显示PDF
@恩迪夫

有人能帮我吗？非常感谢你