크롬 업데이트(108.0.5359.95 (공식 빌드) (64비트))로 인해 발생한 인쇄관련 문제점 입니다
회사 업무 중 인쇄와 관련된 오류로 인해 찾아본 내용을 바탕으로 작성하였습니다
문제
금주에 업무를 진행하고있는데 인쇄와 관련된 문의가 접수가 되었습니다
인쇄할 HTML을 브라우저로 전달하여 인쇄미리보기 화면을 구성해주고있는데
동일한 화면을 인쇄미리보기 하였을때 제자리에서는 문제가 없었고, 주변 동료의 자리에서는 깨지는 문제가 발생했습니다. 이런저런 이유를 찾다가 크롬의 버전을 확인해보니 저는 107.x.xxxx.xx를 사용하고 있었고 주변동료는 108.0.5359.95로 업데이트가 된 상황이었습니다
해서 제자리도 크롬업데이트를 진행하였고 동일한 오류가 발생하였습니다
이번 크롬 업데이트로 인해 브라우저 엔진(Blink) 내부 업데이트가 있었고(추측입니다),
그로인해 발생한 문제로 보여집니다
업데이트가 진행된 날짜가 일주일(?) 정도 밖에 되지 않아 이 외의 정보를 찾을 수 없었습니다
이슈
table td rowspan의 설정값을 인쇄미리보기 첫번째 페이지를 넘어가게 설정하면 인쇄미리보기 화면에서 table이 깨지는 현상이 발생
문제 재현방법
아래 HTML을 메모장에 저장 후 크롬브라우저로 열고 Ctrl + P(인쇄)를 눌러 확인
미리보기 화면
사내 이미지 업로드가 되지않아 집에서 업로드할 예정입니다
2022.12.11 업로드 완료
문제가 발생한 HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table border="1" width="650">
<tbdoy>
<tr>
<td rowspan="51" style="background-color: #333; color: #fff;">Result</td>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
<tr>
<td>Result</td>
</tr>
</tbdoy>
</table>
</body>
</html>해결 방안
bugs chromium 게시판에 문의를 해놓은 상태이고
금일 (2022.12.07)에 담당자 배정 및 확인중이라는 답변을 받은 상태입니다
문의게시글 보기
실시간으로 접수되는 오류건에 대해서는 다음과 같은 방법으로 안내를 하고있습니다
1. 크롬이 아닌 웨일, 엣지등 다른브라우저로 인쇄
2. PDF로 변환하여 인쇄
하지만 위 방법도 크로미움 기반의 브라우저라면 업데이트가 될 것이고 그렇게되면 동일한 오류가 발생할것이기 때문에 하루빨리 수정이 이뤄지길 바래봅니다
2023.01.10 내용추가 (문의 내용 오류 해결 되지 않음)
table을 div로 감싸고 display 속성을 inline 또는 inline-block으로 주면 인쇄미리보기에서 첫페이지는 빈페이지로 나오지만 이후 부터 내용이 정상적으로 출력
정상적으로 출력되는 이유를 찾아보려 했으나 파악하지 못함
2023.01.11 내용추가
오류는 수정하였고 파일은 배포 대기중으로 댓글 달림
크롬 카나리아 버전에는 소스 반영되어 있는거같습니다
저도 같은 문제를 겪고있는데 혹시 해결버전이 몇버전인지 알 수 있을까요?