LibWeb: Support shorthands when setting style attribute

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.
This commit is contained in:
Sergei Azarkin 2024-10-22 21:59:22 +02:00 committed by Sam Atkins
commit 2199fde5a9
Notes: github-actions[bot] 2024-10-31 12:23:58 +00:00
5 changed files with 130 additions and 1 deletions

View file

@ -0,0 +1,15 @@
<!doctype html>
<div id="target" style="background: yellow">Hello</div>
<script src="../include.js"></script>
<script>
test(() => {
let target = document.getElementById("target");
let style = target.style;
println(`style.cssText = ${style.cssText}`);
println(`style.length = ${style.length}`);
println(`style[] =`);
for (let i = 0; i < style.length; ++i) {
println(`${i+1}. ${style[i]}`);
}
});
</script>