testing/web-platform/tests/css/css-values/lh-unit-004.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Values and Units Test: lh not affected by &lt;select&gt; fixup</title>
<link rel="help" href="https://drafts.csswg.org/css-values-4/#font-relative-lengths">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
  select {
    line-height: 100px;
    width: 5lh;
  }
</style>
<select id="lh"></select>
<script>
  test(() => {
    assert_equals(getComputedStyle(lh).width, "500px");
  }, "lh must be relative to computed line-height before select element fixup");
</script>