ladybird/Tests/LibWeb/Text/input/css/box-shadow-resolves-length-functions.html
FalseHonesty 110eeb8591 LibWeb: Support calc(...) in box-shadow's values of type Length
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.
2023-06-25 10:27:08 +01:00

13 lines
450 B
HTML

<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>