Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / css3 / flexbox / button.html
blobd3e7231757ca4b00b35be7d3fff6acb6b52b0578
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <link href="resources/flexbox.css" rel="stylesheet">
5 <style>
6 .scroll { overflow: scroll; }
7 .abspos { position: absolute; background-color: pink; }
8 .flexbox { background-color: lightgray; padding: 1px; }
9 .small { height: 3px; }
10 </style>
11 </head><body>
12 Test for empty buttons, which inherit from LayoutFlexibleBox. Empty
13 &lt;input&gt; buttons should not collapse, which makes them different from most
14 flex boxes. Empty &lt;button&gt;s should collapse. Note <a
15 href="https://bugs.webkit.org/show_bug.cgi?id=110654"> bug 110654</a>.
16 <hr>
17 Simple case.<br>
18 <button></button><br>
19 <input type="button"></input><br>
20 <hr>
21 Empty &lt;button&gt; and &lt;input type=button&gt; with overflow: scroll;.
22 The presence of the scrollbar should not shrink the button.<br>
23 <button class="scroll"></button><br>
24 <input type="button" class="scroll"></input><br>