eliott/ladybird
1
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird synced 2026-04-30 19:47:17 +02:00
Code Issues Packages Projects Releases Wiki Activity

LibWeb: Ensure elements with non-invertible transforms are not rendered

Browse Source
This commit is contained in:
Tim Ledbetter
2026-02-19 13:46:17 +00:00
committed by Sam Atkins
parent fc13f15193
commit 8c5d081cdd
Notes: github-actions[bot] 2026-02-19 14:34:54 +00:00 
Author: https://github.com/tcl3
Commit: https://github.com/LadybirdBrowser/ladybird/commit/8c5d081cdde
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/8035
Reviewed-by: https://github.com/AtkinsSJ ✅
4 changed files with 55 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
Tests/LibWeb/Ref/input/wpt-import/css/css-transforms/individual-transform/individual-transform-3.html Normal file
View File

@@ -0,0 +1,40 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Individual transform: non-invertible matrix</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-transforms-2/#individual-transforms">
<link rel="help" href="https://drafts.csswg.org/css-transforms-2/#ctm">
<link rel="help" href="https://drafts.csswg.org/css-transforms-1/#transform-function-lists">
<link rel="help" href="https://github.com/servo/servo/issues/37146">
<link rel="match" href="../../../../../expected/wpt-import/css/css-transforms/individual-transform/../../reference/ref-filled-green-200px-square.html">
<meta name="assert" content="Tests that the element isn't rendered when
the current transformation matrix is non-invertible because of `scale`.">
<style>
.wrapper {
width: 200px;
height: 200px;
background: green;
}
.wrapper > div {
width: 200px;
height: 20px;
background: red;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div class="wrapper">
<div style="scale: 0"></div>
<div style="scale: 0 0"></div>
<div style="scale: 0 1"></div>
<div style="scale: 1 0"></div>
<div style="scale: 0 0 0"></div>
<div style="scale: 0 0 1"></div>
<div style="scale: 0 1 0"></div>
<div style="scale: 0 1 1"></div>
<div style="scale: 1 0 0"></div>
<div style="scale: 1 0 1"></div>
<div style="scale: 1 1 0"></div>
</div>