mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-25 17:25:08 +02:00
b057bad102
This ensures that we clamp values for properties like padding-* to valid ranges (non-negative in this case) if they are specified with `calc()`. The length-related changes in this commit combined with the ones from the previous commit fix the primary layout issue on https://lwn.net (yes, not the first place I would have expected problems either).
28 lines
932 B
HTML
28 lines
932 B
HTML
<!DOCTYPE html>
|
|
<script src="include.js"></script>
|
|
<style>
|
|
#one { padding-left: calc(-100px); }
|
|
#two { padding-left: calc(0% - 100px); }
|
|
#three { padding-left: calc(0% - 12.5vw); }
|
|
</style>
|
|
<div id="one">This should not have padding.</div>
|
|
<div id="two">Neither should this.</div>
|
|
<div id="three">Or this.</div>
|
|
<script>
|
|
test(() => {
|
|
function assert_padding_clamped(element_id) {
|
|
const element = document.getElementById(element_id);
|
|
const computed_style = getComputedStyle(element);
|
|
const padding_left = computed_style["padding-left"];
|
|
if (padding_left === "0px") {
|
|
println(`PASS Negative padding on element #${element_id} is clamped to zero.`);
|
|
} else {
|
|
println(`FAIL Negative padding on element #${element_id} was not clamped. Expected 0px, but got ${padding_left}.`);
|
|
}
|
|
}
|
|
assert_padding_clamped("one");
|
|
assert_padding_clamped("two");
|
|
assert_padding_clamped("three");
|
|
});
|
|
</script>
|