| <!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> |