<!DOCTYPE html> | |
<style> | |
div { | |
position: absolute; | |
top: 100px; | |
left: 0; | |
width: 100px; | |
height: 100px; | |
will-change: transform; | |
overflow: hidden; | |
border: 2px solid green; | |
} | |
img { | |
writing-mode: vertical-rl; | |
position: absolute; | |
width: 100px; | |
height: 50px; | |
box-shadow: -50px 0; | |
border: none; | |
} | |
</style> | |
Tests culling of replaced elements with vertical-rl writing mode and asymmetric overflows. | |
Passes if there are two black boxes. | |
<div> | |
<img style="left: 90px; top: 0"> | |
<img style="left: 100px; top: 50px"> | |
</div> |