[iOS] Input type=time elements styled with SVG fonts have 0 width
[WebKit-https.git] / LayoutTests / fast / forms / time-input-svg-font.html
1 <style>
2 @font-face {
3     font-family: 'SVGraffiti';
4     src: url("../../svg/custom/resources/graffiti.svg") format(svg)
5 }
6 </style>
7 <div>
8 This test makes sure that input elements get rendered with
9 a sane width. You should see five time input elements, followed by five "PASS"es.
10 </div>
11 <div style="font-family: SVGraffiti;">
12 <input id="i" type="time">
13 <input id="d" type="date">
14 <input id="dt" type="datetime">
15 <input id="dtl" type="datetime-local">
16 <input id="m" type="month">
17 </div>
18 <div id="console"></div>
19 <script>
20 function test(inputId) {
21     if (document.getElementById("i").offsetWidth > 50)
22         return "Pass"
23     else
24         return "Fail"
25 }
26
27 window.setTimeout((function() {
28     document.getElementById("console").textContent += test("i") + " ";
29     document.getElementById("console").textContent += test("d") + " ";
30     document.getElementById("console").textContent += test("dt") + " ";
31     document.getElementById("console").textContent += test("dtl") + " ";
32     document.getElementById("console").textContent += test("m");
33     if (window.testRunner)
34         testRunner.notifyDone();
35 }), 0);
36 if (window.testRunner) {
37     testRunner.waitUntilDone();
38     testRunner.dumpAsText();
39 }
40 </script>