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