mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-10 05:08:36 +02:00
1258e50f61
Automatic update from web-platform-tests override `align-items` in flex-vertical-align-effect.html This fixes issue #16304 by removing the (default) influence of `align-items:stretch` on the radio button flex-item, which influences its sizing/rendering regardless of the value of the `vertical-align` property (which is what the testcase is really trying to test). So, let's take that `stretch` behavior out of the equation entirely. -- wpt-commits: 27231aa79fb5223bf5838d8809b1a184c74f3d58 wpt-pr: 16305
29 lines
701 B
HTML
29 lines
701 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>CSS Test: 'display' property set to 'flex'</title>
|
|
<link rel="author" title="Hua Zhao" href="mailto:zhaohua.design@163.com" />
|
|
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property">
|
|
<link rel="match" href="reference/flex-vertical-align-effect.html">
|
|
<meta name="flags" content="" />
|
|
<meta name="assert" content="vertical-align property has no effect" />
|
|
|
|
<style type="text/css">
|
|
#container {
|
|
display:flex;
|
|
align-items:flex-start;
|
|
}
|
|
input{
|
|
margin:0;padding:0;vertical-align:middle;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="container">
|
|
<input type="text" value="input1" />
|
|
<input type="radio" />
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|