1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
<!DOCTYPE html>
<meta charset="utf-8">
<title>Date input should not resize on hover when using web fonts</title>
<link rel="help" href="https://crbug.com/1167555">
<link rel="author" href="mailto:xiaochengh@chromium.org">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<input id="target" type="date" style="font-family: custom-font">
<script>
function mouseMoveToTarget(target) {
return new test_driver.Actions().pointerMove(0, 0, {origin: target}).send();
}
promise_test(async () => {
// Update layout before font loads
document.body.offsetWidth;
const font_sheet = document.createElement('style');
font_sheet.textContent = '@font-face { font-family: custom-font; src: url(/fonts/Revalia.woff) }';
document.body.appendChild(font_sheet);
await document.fonts.ready;
const target = document.getElementById('target');
const width_before_hover = target.offsetWidth;
await mouseMoveToTarget(target);
const width_after_hover = target.offsetWidth;
assert_equals(width_before_hover, width_after_hover);
});
</script>
|
