| <!DOCTYPE html> |
| <html> |
| <link rel="stylesheet" href="resources/flexbox.css"> |
| <style> |
| .flexbox { |
| background-color: grey; |
| } |
| .flexbox > * { |
| flex: 1; |
| } |
| </style> |
| <body> |
| <p>Form controls that are stretched in a column flexbox should not overflow the flexbox.</p> |
| <div class="flexbox"> |
| <input> |
| </div> |
| <div class="flexbox"> |
| <textarea></textarea> |
| </div> |
| <div class="flexbox"> |
| <input type="button"> |
| </div> |
| <div class="flexbox"> |
| <select></select> |
| </div> |
| <div class="flexbox"> |
| <legend style="border: 2px solid black">legend</legend> |
| </div> |
| <div class="flexbox"> |
| <div type="border: 4px solid black; padding: 10px;"> |
| </div> |
| </body> |
| </html> |
