ngDialog + ngPrint

[Vario]

Is there any example how to use ngPrint with ngDialog?
I have a weird behaviour. I open a dialog which exceeds the window size (have to scoll for full content) and implemented ngPrint
i attached an report and the screenshot where i click on the print button, to see, the first page is complete nonsense and i see the background where the dialog was opened?
As you see i refer to the correct div, which should be printed.

`




ngprint.pdf

Comparison Report

<span class="border border-primary"></span>
<div>
    <b>API:</b> {{selectedApi.name}}</br>
    <b>Version:</b> {{selectedVersion.number}}</br>
    <b>Revision:</b> {{selectedFile.timestamp}}</br>
</div>
<b><p class="p-3 mb-2 bg-primary text-white text-center">COMPARED TO</p></b>
<div>
    <b>API:</b> {{comparedTo(selectedComparisonReport).api}}</br>
    <b>Version:</b> {{comparedTo(selectedComparisonReport).version}}</br>
    <b>Revision:</b> {{comparedTo(selectedComparisonReport).revision}}</br>
</div>
</br>
<h2>Change Log:</h2>
<div>
    <h3 class="newEndpoints">New Endpoints: {{selectedComparisonReport.paths.new.length}}</h3>
    <h3 class="removedEndpoints">Removed Endpoints: {{selectedComparisonReport.paths.removed.length}}</h3>
    <h3 class="changedEndpoints">Changed Endpoints: {{selectedComparisonReport.paths.changed.length}}</h3>
</div>
</br>
<h2>Changes:</h2>
<div class="p-3 mb-2 bg-success text-dark"><b>What's new</b></div>
<ul>
    <div ng-repeat=" new in selectedComparisonReport.paths.new">
        <li><b>{{new.endpoint}}</b> // {{new.description}}</li>
    </div>
</ul>

<div class="p-3 mb-2 bg-danger text-dark"><h3><b>What's removed</b></h3></div>
<ul>
    <div ng-repeat=" removed in selectedComparisonReport.paths.removed">
        <li><b>{{removed.endpoint}}</b> // {{removed.description}}</li>
    </div>
</ul>

<div class="p-3 mb-2 bg-warning text-dark"><h3><b>What's changed</b></h3></div>
<div>
    <ul>
        <div ng-repeat="changed in selectedComparisonReport.paths.changed">
            <br>
            <li><b>{{changed.endpoint}}</b> // {{changed.description}}</li>
            <ul>
                <div ng-if = "changed.parameter != null">
                    <p class="text-info">Parameter</p>
                    <ul>
                        <div ng-repeat="parameter in changed.parameter">
                            <li><b>{{parameter.change}}</b> // {{parameter.description}}</li>
                        </div>
                    </ul>
                </div>
                <div ng-if = "changed.returntype != null">
                    <p class="text-info">Return Type</p>
                    <ul>
                        <div ng-repeat="returntype in changed.returntype">
                            <li><b>{{returntype.change}}</b> // {{returntype.description}}</li>
                        </div>
                    </ul>
                </div>
            </ul>
            <br>
            -------------------------------------------------------------------
        </div>
    </ul>
</div>

`