25 lines
883 B
HTML
25 lines
883 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link href="resources/flexbox.css" rel="stylesheet">
|
|
<style>
|
|
.scroll { overflow: scroll; }
|
|
.abspos { position: absolute; background-color: pink; }
|
|
.flexbox { background-color: lightgray; padding: 1px; }
|
|
.small { height: 3px; }
|
|
</style>
|
|
</head><body>
|
|
Test for empty buttons, which inherit from RenderFlexibleBox. Empty
|
|
<input> buttons should not collapse, which makes them different from most
|
|
flex boxes. Empty <button>s should collapse. Note <a
|
|
href="https://bugs.webkit.org/show_bug.cgi?id=110654"> bug 110654</a>.
|
|
<hr>
|
|
Simple case.<br>
|
|
<button></button><br>
|
|
<input type="button"></input><br>
|
|
<hr>
|
|
Empty <button> and <input type=button> with overflow: scroll;.
|
|
The presence of the scrollbar should not shrink the button.<br>
|
|
<button class="scroll"></button><br>
|
|
<input type="button" class="scroll"></input><br>
|