New issue
Advanced search Search tips

Issue 919637 link

Starred by 1 user

Issue metadata

Status: Fixed
Owner:
Closed: Jan 9
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Bug



Sign in to add a comment

Spacing added by repeat keyword 'space' causes masks to not appear when composited with source-in

Reported by mab...@microsoft.com, Jan 7

Issue description

Chrome Version       : 71.0.3578.98 (Official Build) (64-bit) (cohort: Stable)
(and Canary)         : 73.0.3664.0 (Official Build) canary (64-bit) (cohort: Clang-64)
URLs (if applicable) : http://jsfiddle.net/5t3vbfod/5/
Other browsers tested:
    Firefox: OK
       Edge: OK

What steps will reproduce the problem?
(1) Open jsfiddle above

What is the expected result?
6 blue circles appear

What happens instead?
Nothing appears


Please provide any additional information below. Attach a screenshot if
possible.
There appears to be a difference between Canary and Release, because remove the -webkit-mask-repeat in Chrome still displays nothing, but removing it in Canary fixes the issue.

It can also be reproduced using '-webkit-mask-repeat: space, repeat-y.' Changing the -webkit-mask-composite value to anything other than source-in fixes the issue.
 
maskRepeatAndSourceIn.png
17.7 KB View Download
Labels: Needs-Triage-M71
Cc: viswa.karala@chromium.org
Components: Blink>CSS
Labels: -Pri-3 Triaged-ET Target-73 M-73 FoundIn-71 FoundIn-73 FoundIn-72 OS-Linux OS-Mac OS-Windows Pri-2
Status: Untriaged (was: Unconfirmed)
Able to reproduce the issue on chrome reported version# 71.0.3578.98 and on latest chrome# 73.0.3664.0 with URL provided in comment# 0 using Mac 10.12.6, Windows-10 and Ubuntu 17.10. As this issue is seen from M-60(60.0.3112.0), hence considering this as Non-Regression and marking it as Untriaged.

Thanks!
Components: -Blink>CSS Blink>Paint
Status: Available (was: Untriaged)
Project Member

Comment 4 by bugdroid1@chromium.org, Jan 9

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

commit 189b2bc3704c10a54affb203a08469f164c8420a
Author: Fredrik Söderquist <fs@opera.com>
Date: Wed Jan 09 17:07:41 2019

Use separate PaintFlags for the spaced tile shader

We would setup the tile shader using the same PaintFlags that we had
(partially) set up for the actual image draw. This meant that we'd draw
the shader picture using the same blend mode, which could easily end up
yielding nothing.

Set up a "fresh" PaintFlags for the tile shader as needed instead, using
only flags relevant for the shader.

Bug:  919637 
Change-Id: Id141daca481ce3f90ed0c1f44c801eafcef5964b
Reviewed-on: https://chromium-review.googlesource.com/c/1401045
Reviewed-by: Stephen Chenney <schenney@chromium.org>
Reviewed-by: Florin Malita <fmalita@chromium.org>
Commit-Queue: Fredrik Söderquist <fs@opera.com>
Cr-Commit-Position: refs/heads/master@{#621188}
[modify] https://crrev.com/189b2bc3704c10a54affb203a08469f164c8420a/third_party/blink/renderer/platform/graphics/image.cc
[add] https://crrev.com/189b2bc3704c10a54affb203a08469f164c8420a/third_party/blink/web_tests/css3/masking/mask-composite-source-in-repeat-spacing-expected.html
[add] https://crrev.com/189b2bc3704c10a54affb203a08469f164c8420a/third_party/blink/web_tests/css3/masking/mask-composite-source-in-repeat-spacing.html

Owner: f...@opera.com
Status: Fixed (was: Available)
Labels: TE-Verified-M73 TE-Verified-73.0.3668.0
Able to reproduce the issue on chrome reported version 71.0.3578.98(Build without fix)
Verified the fix on Mac 10.12.6, Windows-10 & Ubuntu 17.10 on Chrome version #73.0.3668.0 as per the comment#0
Attaching screenshot for reference.
Observed "6 blue circles appeared"
Hence, the fix is working as expected.
Adding the verified label.

Thanks!


919637.PNG
102 KB View Download

Sign in to add a comment