| Index: third_party/WebKit/LayoutTests/fast/css-intrinsic-dimensions/fill-available-with-zero-width.html
|
| diff --git a/third_party/WebKit/LayoutTests/fast/css-intrinsic-dimensions/fill-available-with-zero-width.html b/third_party/WebKit/LayoutTests/fast/css-intrinsic-dimensions/fill-available-with-zero-width.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..a6feb266c79df9ba5dcad734de0f18770d4ab39f
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/fast/css-intrinsic-dimensions/fill-available-with-zero-width.html
|
| @@ -0,0 +1,46 @@
|
| +<!DOCTYPE html>
|
| +<link href="resources/width-keyword-classes.css" rel="stylesheet">
|
| +<style>
|
| +.block {
|
| + width: 0px;
|
| + font: 10px/1 Ahem;
|
| +}
|
| +
|
| +.flex {
|
| + display: flex;
|
| +}
|
| +
|
| +.grid {
|
| + display: grid;
|
| + grid-template-columns: 0px;
|
| +}
|
| +
|
| +.item {
|
| + border: 5px solid magenta;
|
| + background: cyan;
|
| +}
|
| +</style>
|
| +
|
| +<p>Checking out that 'min-width' as 'fill-available' respects border and padding sizes when container size is 0px, behaving like min-width: auto.</p>
|
| +
|
| +<h2>block</h2>
|
| +
|
| +<div class="block">
|
| + <div class="item min-width-fill-available">item</div>
|
| +</div>
|
| +
|
| +<hr>
|
| +
|
| +<h2>flex</h2>
|
| +
|
| +<div class="block flex">
|
| + <div class="item min-width-fill-available">item</div>
|
| +</div>
|
| +
|
| +<hr>
|
| +
|
| +<h2>grid</h2>
|
| +
|
| +<div class="block grid">
|
| + <div class="item min-width-fill-available">item</div>
|
| +</div>
|
|
|
Chromium Code Reviews
Issue 2022033003:
[css-sizing] Adding border and padding to fill-available width (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master