RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-25 14:57:35 +00:00
Code Issues Activity Actions

LibWeb: Make resolved serialization of CSS display prefer short form

Browse source 
Although we translate e.g `block` to `block flow` for internal use in
the engine, CSS-DISPLAY-3 tells us to use the short form in
serializations for compatibility reasons.

This adds 9 points to our score on https://html5test.com/ :^)
This commit is contained in:
Andreas Kling 2023-05-27 13:19:49 +02:00
parent 8defd55349
commit a98f5c7251
4 changed files with 90 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

32
Tests/LibWeb/Text/input/css/getComputedStyle-display-short-serialization.html Normal file
View file

@ -0,0 +1,32 @@
<script src="../include.js"></script>
<script>
test(() => {
const e = document.createElement("div");
document.body.appendChild(e);
function checkDisplay(display) {
e.style.display = display;
const computedStyle = getComputedStyle(e);
const serialized = computedStyle.display;
println(display + " => " + serialized);
}
for (display of [
"none",
"block",
"flow-root",
"inline",
"inline-block",
"run-in",
"list-item",
"flex",
"inline-flex",
"grid",
"inline-grid",
"ruby",
"table",
"inline-table",
]) {
checkDisplay(display);
}
e.remove();
});
</script>