Commit 955fb703 authored by Antonio Gomes's avatar Antonio Gomes Committed by Commit Bot

[css-flexbox]: Migrate multiline-min-preferred-width.html to WPT

BUG=1063749
R=dgrogan@chromium.org

Change-Id: Id51c1835ca14bb75b64b4bf812c27ca25fdd28ec
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2132429
Commit-Queue: David Grogan <dgrogan@chromium.org>
Reviewed-by: default avatarDavid Grogan <dgrogan@chromium.org>
Cr-Commit-Position: refs/heads/master@{#755541}
parent 2d8e34d5
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel="stylesheet" href="resources/flexbox.css"> <title>CSS Flexbox: nested multiline (wrapping) flex boxes.</title>
<script src="../../resources/testharness.js"></script> <link rel="stylesheet" href="support/flexbox.css" >
<script src="../../resources/testharnessreport.js"></script> <link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#flex-wrap-property">
<script src="../../resources/check-layout-th.js"></script> <meta name="assert" content="This test ensures that nested multiline flex boxes with 'flex-wrap: wrap' and the min preferred width set are laid out properly."/>
<style> <style>
.item { .item {
padding: 7px; padding: 7px;
background-color: green; background-color: green;
border: 4px solid olive; border: 4px solid olive;
width: min-content; width: min-content;
} }
.square { .square {
background-color: lime; background-color: lime;
width: 20px; width: 20px;
height: 20px; height: 20px;
} }
</style> </style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
</head> </head>
<body onload="checkLayout('.container')"> <body onload="checkLayout('.container')">
<div id=log></div> <div id=log></div>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment