blob: 5607806a6062ccd678659b9456750899825d10b6 [file] [log] [blame]
<!DOCTYPE html>
<style type="text/css" media="screen">
.hidesOverflow {
background-color: blue;
width: 200px;
height: 200px;
overflow: hidden;
.shouldNotBeVisible {
background-color: red;
width: 140px;
height: 140px;
.composited {
-webkit-transform: translatez(0);
.masked {
-webkit-mask-box-image: url(../resources/alpha-blocks.png);
background-color: lime;
width: 300px;
height: 300px;
Scenario: The alpha-blocks mask has a checkerboard pattern of opaque/transparent
sections. The top-left section of the mask should be opaque, so the red div should not be
visible underneath the mask. However, in chromium there was a bug where the mask was
accidentally being resized to the clip area, incorrectly exposing the red div.
<div class="hidesOverflow">
<div class="shouldNotBeVisible">
<div class="composited masked">