mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-08-12 19:19:30 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

LibWeb: Fix clip for boxes nested into a stacking context with transform

Browse source 
Modifies a loop that collects clip rectangles to stop once a box with a
CSS transform is encountered, as its clip still needs to be considered.
This commit is contained in:
Aliaksandr Kalenik 2024-08-14 18:08:04 +02:00 • committed by Alexander Kalenik
commit f9f39477a4
Notes: github-actions[bot] 2024-08-14 19:05:41 +00:00
3 changed files with 57 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

21
Tests/LibWeb/Ref/reference/clip-border-radius-with-css-transform-ref.html Normal file
View file

@ -0,0 +1,21 @@
<!doctype html>
<style>
* {
margin: 0;
}
.outer {
position: absolute;
overflow: hidden;
border-radius: 9999px;
width: 300px;
height: 300px;
}
.inner {
position: absolute;
top: 0px;
bottom: 0px;
width: 300px;
height: 300px;
background: mediumspringgreen;
}
</style><body><div class="outer"><div class="inner"></div>