gecko-dev/gfx/tests/reftest/1524261.html
Kartikaya Gupta 25b9f0ae02 Bug 1524261 - Add a reftest to prevent regression. r=jrmuizel
WhatsApp Web has emojis in divs with border-radius, inside a transform,
inside a scrollframe. The patch in bug 1523776 broke the clipping in
that scrolling the scrollframe would make the emoji visible outside the
scrollframe. This reftest replicates that scenario.

Differential Revision: https://phabricator.services.mozilla.com/D18272
2019-01-31 19:38:36 -05:00

11 lines
528 B
HTML

<!DOCTYPE html>
<html reftest-async-scroll>
<div style="overflow-y:hidden; position:absolute; top:50px; width: 200px; height: 100px; border: solid 1px black"
reftest-displayport-x="0" reftest-displayport-y="0"
reftest-displayport-w="200" reftest-displayport-h="300"
reftest-async-scroll-x="0" reftest-async-scroll-y="50">
<div style="transform: translateY(0px); width: 100px; height: 300px">
<div style="background-color: green; height: 25px; width: 25px; border-radius: 5px"></div>
</div>
</div>