Issue metadata
Sign in to add a comment
|
Blur images in the table
Reported by
pinkin...@gmail.com,
Oct 18
|
||||||||||||||||||||
Issue descriptionUserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36 Steps to reproduce the problem: 1. HTML: body->div->table->tbody->td->div or span or ... (inside text) 2. Set css font-size to body: 9px or 13px or 18px or ... 3. Set css border-collapse to table: collapse 4. Set css padding-left to td or div: 0.8 em or 5.8 em or ... 5. Set css background to div or span or ...: url(chromium.png) 0 center no-repeat; What is the expected behavior? Images are not blurred. What went wrong? Blur the images in the cells of the table when the table is shifted or the elements inside the cell are shifted by 0.8 or 5.8 or ... em. But if you change the property border-collapse to separate, then the problem disappears. Checked in Mozilla Firefox 62.0.3 images do not blur. On Windows 10, images are also blurred. Sorry for my English. Did this work before? Yes Chromium 68.0.3440.106 Does this work in other browsers? Yes Chrome version: 70.0.3538.67 Channel: stable OS Version: Ubuntu 14.04.5 LTS Flash Version: not
,
Oct 22
pinkin5555, could you describe more what the issue is? I don't see a difference in your screenshots except for the table border.
,
Oct 22
If you look at the screenshots without scaling (1920x1200 px), you can see that the shifted pictures in the table are blurred (as if the filter was applied - Gaussian blur 1x1 px). The archive (html_page.zip) contains the html page for which this effect is clearly visible. If you take a screenshot and compare the size of the pictures, you can see that the shifted picture stretches 1 px horizontally, as if drawing is being done with a shift of 0.5 px.
,
Oct 22
Sorry, diff 2.png diff.png - Blured -> Blurred.
,
Oct 22
This is almost certainly due to a 1-pixel mismatch in the size of the table background and the size of the image. It's probably due to my changes to background image painting in M-66, but maybe not. How big is the table cell? Exactly how big is the image as defined by the CSS properties on the background image? Collapsing the borders will change the effective size of the cells, which explains the issue.
,
Oct 22
I'll own it to confirm the assessment.
,
Oct 22
Thanks for the new screenshots, I see it in the folder image. Issue 377847 could be playing a part in this. Looking forward to schenney@'s findings. Though we could just add the label Needs-Bisect... and the test team will figure it out quick?
,
Oct 23
How big is the table cell? chromium image (48x48 px) - size table cell: 129x56 px, inside the cell: size text (Chromium): 67.516x15 px, padding: 10.400 px, size: 117.609x55 px folder image (16x16 px) - size table cell: 129x32 px, inside the cell: size text(folder): 37.750x15 px, padding: 10.400 px, size: 117.609x31 px Exactly how big is the image as defined by the CSS properties on the background image? background-size - did not change only property is set background - url(chromium.png) 0 center no-repeat; I understand the questions correctly? If you change the font size of a cell or table, then nothing changes (the image is blurred). |
|||||||||||||||||||||
►
Sign in to add a comment |
|||||||||||||||||||||
Comment 1 by eae@google.com
, Oct 21Owner: dgro...@chromium.org
Status: Assigned (was: Unconfirmed)