mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-07-19 15:32:31 +00:00
2199fde5a9
Better support for CSS shorthands when setting the style attribute. This improves some tests in WPT /css/css-align/default-alignment/*shorthand. When setting the style attribute in JS via element.style = '..' or the setAttribute method, shorthand properties were not expanded to longhand properties.
34 lines
1 KiB
HTML
34 lines
1 KiB
HTML
<script src="../include.js"></script>
|
|
<script>
|
|
test(() => {
|
|
for (const alignValue of [
|
|
"normal",
|
|
"stretch",
|
|
"start",
|
|
"end",
|
|
"self-start",
|
|
"self-end",
|
|
"center",
|
|
"flex-start",
|
|
"flex-end",
|
|
"baseline",
|
|
// "first baseline",
|
|
// "last baseline",
|
|
// "safe flex-end",
|
|
// "unsafe end",
|
|
// "safe end",
|
|
// "unsafe flex-start",
|
|
// "safe center",
|
|
"normal start",
|
|
"normal center",
|
|
]) {
|
|
println("=== place-items: " + alignValue);
|
|
var div = document.createElement("div");
|
|
div.setAttribute("style", "place-items: " + alignValue + ";");
|
|
document.body.appendChild(div);
|
|
for (const prop of ["place-items", "align-items", "justify-items"]) {
|
|
println(prop + ": " + div.style[prop]);
|
|
}
|
|
}
|
|
});
|
|
</script>
|