mirror of
https://github.com/RGBCube/serenity
synced 2025-07-24 22:17:42 +00:00
LibWeb: Make resolved serialization of CSS display
prefer short form
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:
parent
8defd55349
commit
a98f5c7251
4 changed files with 90 additions and 0 deletions
|
@ -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>
|
Loading…
Add table
Add a link
Reference in a new issue