WebKit Bugzilla
Attachment 369633 Details for
Bug 197810
: mix-blend-mode rendering is wrong in this test case
Home
|
New
|
Browse
|
Search
|
[?]
|
Reports
|
Requests
|
Help
|
New Account
|
Log In
Remember
[x]
|
Forgot Password
Login:
[x]
Testcase
shared-layer-isolates-blending.html (text/html), 924 bytes, created by
Simon Fraser (smfr)
on 2019-05-10 19:06:50 PDT
(
hide
)
Description:
Testcase
Filename:
MIME Type:
Creator:
Simon Fraser (smfr)
Created:
2019-05-10 19:06:50 PDT
Size:
924 bytes
patch
obsolete
><!DOCTYPE html> <!-- webkit-test-runner [ internal:AsyncOverflowScrollingEnabled=true ] --> ><html> ><head> > <title>Tests painting of a layer with opacity into shared backing</title> > <style> > .scrollable { >/* overflow-y: scroll;*/ > height: 300px; > width: 300px; > margin: 10px; > border: 1px solid black; > } > > .isolation { >/* isolation: isolate;*/ > } > > .box { > position: relative; > top: 50px; > left: 50px; > width: 180px; > height: 180px; > background-color: green; > } > > .blending { > mix-blend-mode: difference; > } > > .spacer { > height: 500px; > } > </style> ></head> ><body> > <div class="scrollable"> > <div class="sharing isolation box"> > <div class="blending box"> > </div> > </div> > <div class="spacer"></div> > </div> ></body> ></html>
<!DOCTYPE html> <!-- webkit-test-runner [ internal:AsyncOverflowScrollingEnabled=true ] --> <html> <head> <title>Tests painting of a layer with opacity into shared backing</title> <style> .scrollable { /* overflow-y: scroll;*/ height: 300px; width: 300px; margin: 10px; border: 1px solid black; } .isolation { /* isolation: isolate;*/ } .box { position: relative; top: 50px; left: 50px; width: 180px; height: 180px; background-color: green; } .blending { mix-blend-mode: difference; } .spacer { height: 500px; } </style> </head> <body> <div class="scrollable"> <div class="sharing isolation box"> <div class="blending box"> </div> </div> <div class="spacer"></div> </div> </body> </html>
View Attachment As Raw
Actions:
View
Attachments on
bug 197810
: 369633