we get a channel disconnected-Error if we print a PDF which is embedded in a CSS-Dialog and close the Dialog immediately after clicking the Windows Print-Dialog Print-Button
We can reproduce the error with the latest Tabbed Browser Example and the following HTML-Page
Open HTML-Page
Click Open PDF
Click PDF-Viewer Print-Button
Select Printer
Click 'Print' (or press [Enter] to be faster closing the PDF-Dialog) from Windows Print-Dialog
Close as fast as you can the PDF-Dialog with the X-Button
If you wait a few seconds there are no problems (i am not sure how long you have to wait or on what it depends) but we have several bug reports from our productive environment about this error. After this error the user has to start a complex workflow again.
<!DOCTYPE html>
<html >
<head>
<style type="text/css">
.button
{
width: 150px;
padding: 10px;
background-color: #FF8C00;
box-shadow: -8px 8px 10px 3px rgba(0,0,0,0.2);
font-weight:bold;
text-decoration:none;
}
#cover{
position:fixed;
top:0;
left:0;
background:rgba(0,0,0,0.6);
z-index:5;
width:100%;
height:100%;
display:none;
}
#openPDF
{
margin:0 auto;
position:relative;
z-index:10;
display:none;
border:5px solid #cccccc;
border-radius:10px;
}
#openPDF:target, #openPDF:target + #cover{
display:block;
opacity:2;
}
.cancel
{
display:block;
position:absolute;
top:3px;
right:2px;
background:rgb(245,245,245);
color:black;
height:30px;
width:35px;
font-size:30px;
text-decoration:none;
text-align:center;
font-weight:bold;
}
</style>
</head>
<body>
<div align="center">
<br><br><br><br>
<a href="#openPDF" class="button">Open PDF</a>
</div>
<div id="openPDF">
<a href="#" class="cancel">×</a>
<embed src="test.pdf" type="application/pdf" width="90%" height="900px" />
</div>
<div id="cover" >
</div>
</body>
</html>
Thank you for your support