forked from mirrors/gecko-dev
fc18ac9151
Automatic update from web-platform-tests Use the style being computed as rem base for root element. If we are resolving style for the root element, return the style being built as the root style. That style is not available at the point we are initialising the root style in ElementResolveContext. Bug: 918480 Change-Id: If04aa2db7de9f74b9089b29cfda2e20c43762d65 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2279802 Reviewed-by: Anders Hartvoll Ruud <andruud@chromium.org> Commit-Queue: Rune Lillesveen <futhark@chromium.org> Cr-Commit-Position: refs/heads/master@{#785359} -- wpt-commits: c269b86af5e687cc6e9df00a96b64d9165c22ba0 wpt-pr: 24443
26 lines
1.1 KiB
HTML
26 lines
1.1 KiB
HTML
<!doctype html>
|
|
<title>CSS Values and Units Test: rem units on the root element</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-values/#rem">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<style>
|
|
:root {
|
|
font-size: 50px;
|
|
margin-left: 2rem;
|
|
padding-top: 2rem;
|
|
line-height: 2rem;
|
|
}
|
|
</style>
|
|
<script>
|
|
let rootStyle = getComputedStyle(document.documentElement);
|
|
test(() => assert_equals(rootStyle.marginLeft, "100px"), "rem based margin.");
|
|
test(() => assert_equals(rootStyle.paddingTop, "100px"), "rem based padding.");
|
|
test(() => assert_equals(rootStyle.lineHeight, "100px"), "rem based line-height.");
|
|
|
|
test(() => {
|
|
document.documentElement.style.fontSize = "initial";
|
|
let initialFontSize = parseInt(getComputedStyle(document.documentElement).fontSize);
|
|
document.documentElement.style.fontSize = "3rem";
|
|
assert_equals(getComputedStyle(document.documentElement).fontSize, 3*initialFontSize + "px");
|
|
}, "Check that rem font-size is based on the initial font-size.");
|
|
</script>
|