Unexpected gaps exists between borders and the background of a <div> element
Reported by
takashi...@gmail.com,
Sep 26
|
|||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:62.0) Gecko/20100101 Firefox/62.0 Steps to reproduce the problem: 1. Create a <div> tag 2. Set the <div> background: white and border: red 1px solid 3. Set <body> background: red 4. Print the web page to PDF. Zoom in the PDF and we can see the white background of <div> exceeds the borders of <div>, white lines exist in the red background of <body> around <div>. It seems to be precision loss during rasterizing. What is the expected behavior? The white gap should not exist. What went wrong? Zoom in the PDF and we can see the white background of <div> exceeds the borders of <div>, white lines exist in the red background of <body> around <div>. Did this work before? No Chrome version: 69.0.3497.100 (Official Build) (64-bit) (cohort: Stable) Channel: stable OS Version: 10.0 Flash Version: Shockwave Flash 23.0 r0
,
Sep 27
Able to reproduce the issue on the latest canary(71.0.3562.0) and the latest stable(69.0.3497.100). Same behavior is seen on older version 60.0.3112.20 hence marking this as Untriaged and as Non-regression issue. Note: Seems to be working fine on Firefox.
,
Sep 27
Sending over to the thestig@ to route due to being a printing issue, though this might be a Skia PDF rendering thing.
,
Sep 28
,
Sep 28
This is likely to be very tricky to fix. It is almost certainly due to different snapping behavior or lack of sub-pixel support in the pdf for either the background size or, more likely, the border. Step 1 would be to look at the SkPicture we generate for the printing case to see what the values look like. |
|||||
►
Sign in to add a comment |
|||||
Comment 1 by vamshi.kommuri@chromium.org
, Sep 26