eliott/ladybird
1
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird synced 2026-05-05 06:32:30 +02:00
Code Issues Packages Projects Releases Wiki Activity

LibWeb: Support calc(...) in box-shadow's values of type Length

Browse Source 
The CSS box-shadow property takes 2-4 properties that are `<length>`s,
those being:
  - offset-x
  - offset-y
  - blur-radius
  - spread-radius

Previously these were resolved directly to concrete Lengths at parse
time, but now they will be parsed as LengthStyleValues and/or
CalculatedStyleValues and be stored that way until styles are later
resolved.
This commit is contained in:
FalseHonesty
2023-05-31 16:07:06 -04:00
committed by Sam Atkins
parent 8873bf5016
commit 110eeb8591
Notes: sideshowbarker 2024-07-17 07:35:03 +09:00 
Author: https://github.com/FalseHonesty
Commit: https://github.com/SerenityOS/serenity/commit/110eeb8591
Pull-request: https://github.com/SerenityOS/serenity/pull/19190
Reviewed-by: https://github.com/AtkinsSJ
9 changed files with 143 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
Tests/LibWeb/Text/input/css/box-shadow-resolves-length-functions.html Normal file
View File

@@ -0,0 +1,13 @@
<script src="../include.js"></script>
<script>
test(() => {
const e = document.createElement("div");
document.body.appendChild(e);
const definition = "0 calc(5px - 10px) 0 calc(2px + 3px)";
e.style.boxShadow = definition;
const computedStyle = getComputedStyle(e);
const serialized = computedStyle.boxShadow;
println(definition + " => " + serialized);
e.remove();
});
</script>