New issue
Advanced search Search tips

Issue 648963 link

Starred by 1 user

Issue metadata

Status: Fixed
Owner:
Closed: Sep 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Compat



Sign in to add a comment

Issue 622232 not fixed correctly - still happens with a box shadow

Reported by vpber...@gmail.com, Sep 21 2016

Issue description

UserAgent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.116 Safari/537.36

Example URL:
https://jsfiddle.net/x92p1jts/5/

Steps to reproduce the problem:
1. Go to JSFiddle URL provided.
2. Click and drag the box around slowly.
3. See the slight black lines left behind.

What is the expected behavior?
The box moves around, taking its box-shadow with it.

What went wrong?
Slight black lines are left behind from the edge of the box-shadow, for me this happens on the right edge when moving the box left, and on the bottom when moving the box up.

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes 

Chrome version: 53.0.2785.116  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: Shockwave Flash 23.0 r0

 Issue 622232  - https://bugs.chromium.org/p/chromium/issues/detail?id=622232

I raised this bug a while back when the borders were being clipped with the zoom>1, but have recently added a CSS box-shadow which reveals the problem is not 100% fixed. Again, this is fine on other browsers.
 
ChromeBugReport2.png
215 KB View Download
Components: Blink>Compositing
Owner: chrishtr@chromium.org
Status: Assigned (was: Unconfirmed)
Able to reproduce the issue on Win 7 and 10 using stable 53.0.2785.116.
But compared to previous glitches its very very less after the Fix landed www. crbug.com/622232#c10 .

chrishtr@ : Could you please take a look into this and confirm.
Cc: fmalita@chromium.org
Project Member

Comment 3 by bugdroid1@chromium.org, Sep 23 2016

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/f48b1a4cf3a2181780d1326fb5ac53c7ace86551

commit f48b1a4cf3a2181780d1326fb5ac53c7ace86551
Author: chrishtr <chrishtr@chromium.org>
Date: Fri Sep 23 03:51:56 2016

Adjust paint invalidation rects to match the actual radius of rastered blur.

Skia actually renders to a larger radius than just blur().

BUG= 648963 , 624175 

Review-Url: https://codereview.chromium.org/2356213004
Cr-Commit-Position: refs/heads/master@{#420570}

[modify] https://crrev.com/f48b1a4cf3a2181780d1326fb5ac53c7ace86551/third_party/WebKit/LayoutTests/TestExpectations
[modify] https://crrev.com/f48b1a4cf3a2181780d1326fb5ac53c7ace86551/third_party/WebKit/Source/core/style/ShadowData.h

Status: Fixed (was: Assigned)
Project Member

Comment 5 by bugdroid1@chromium.org, Sep 28 2016

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/f2012dbcb59bf7b98b3c11bd5aec6c2440272863

commit f2012dbcb59bf7b98b3c11bd5aec6c2440272863
Author: Rebaseline Bot <blink-rebaseline-bot@chromium.org>
Date: Wed Sep 28 17:49:57 2016

Auto-rebaseline for r420570

https://chromium.googlesource.com/chromium/src/+/f48b1a4cf

BUG= 648963 
TBR=chrishtr@chromium.org

Review URL: https://codereview.chromium.org/2378783002 .

Cr-Commit-Position: refs/heads/master@{#421563}

[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/TestExpectations
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/compositing/contents-opaque/overflow-hidden-child-layers-expected.txt
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/compositing/culling/scrolled-within-boxshadow-expected.png
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/compositing/culling/translated-boxshadow-expected.png
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/compositing/culling/unscrolled-within-boxshadow-expected.png
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/compositing/geometry/foreground-layer-expected.txt
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/compositing/iframes/composited-parent-iframe-expected.txt
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/compositing/iframes/connect-compositing-iframe-delayed-expected.txt
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/compositing/iframes/connect-compositing-iframe-expected.txt
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/compositing/iframes/connect-compositing-iframe2-expected.txt
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/compositing/iframes/connect-compositing-iframe3-expected.txt
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/compositing/iframes/enter-compositing-iframe-expected.txt
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/compositing/iframes/iframe-resize-expected.txt
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/compositing/iframes/invisible-nested-iframe-show-expected.txt
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/compositing/iframes/overlapped-iframe-expected.txt
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/compositing/iframes/scrolling-iframe-expected.txt
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/compositing/layer-creation/rotate3d-overlap-expected.txt
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/paint/invalidation/box-shadow-add-repaint-expected.txt
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/paint/invalidation/box-shadow-change-repaint-expected.txt
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/paint/invalidation/transform-replaced-shadows-expected.txt
[add] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/platform/android/compositing/masks/masked-ancestor-expected.png
[add] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/platform/android/svg/css/text-gradient-shadow-expected.txt
[add] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/platform/android/svg/css/text-shadow-multiple-expected.txt
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/platform/linux/compositing/iframes/invisible-nested-iframe-show-expected.txt
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/platform/linux/compositing/masks/masked-ancestor-expected.png
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/platform/linux/fast/borders/border-radius-mask-video-shadow-expected.png
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/platform/linux/svg/css/text-gradient-shadow-expected.txt
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/platform/linux/svg/css/text-shadow-multiple-expected.txt
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/platform/mac/compositing/masks/masked-ancestor-expected.png
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/platform/mac/compositing/masks/multiple-masks-expected.png
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/platform/mac/compositing/masks/simple-composited-mask-expected.png
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/platform/mac/fast/borders/border-radius-mask-video-shadow-expected.png
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/platform/mac/svg/css/text-gradient-shadow-expected.txt
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/platform/mac/svg/css/text-shadow-multiple-expected.txt
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/platform/mac/svg/zoom/page/zoom-background-images-expected.png
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/platform/win/compositing/masks/masked-ancestor-expected.png
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/platform/win/fast/borders/border-radius-mask-video-shadow-expected.png
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/platform/win/svg/css/text-gradient-shadow-expected.txt
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/platform/win/svg/css/text-shadow-multiple-expected.txt
[modify] https://crrev.com/f2012dbcb59bf7b98b3c11bd5aec6c2440272863/third_party/WebKit/LayoutTests/platform/win/svg/zoom/page/zoom-background-images-expected.png

Sign in to add a comment