mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-08-11 18:50:50 +00:00
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:
parent
99c66f49fb
commit
2199fde5a9
Notes:
github-actions[bot]
2024-10-31 12:23:58 +00:00
Author: https://github.com/sazarkin 🔰
Commit: 2199fde5a9
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/1894
Reviewed-by: https://github.com/AtkinsSJ ✅
5 changed files with 130 additions and 1 deletions
15
Tests/LibWeb/Text/input/HTML/background-shorthand.html
Normal file
15
Tests/LibWeb/Text/input/HTML/background-shorthand.html
Normal 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>
|
Loading…
Add table
Add a link
Reference in a new issue