| Index: LayoutTests/fast/box-sizing/css-table-no-collapse.html
|
| diff --git a/LayoutTests/fast/box-sizing/css-table-no-collapse.html b/LayoutTests/fast/box-sizing/css-table-no-collapse.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..5b268d48317c0c7f5b7c05bacfbcf1022ebaa653
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/box-sizing/css-table-no-collapse.html
|
| @@ -0,0 +1,58 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<head>
|
| +</head>
|
| +<body>
|
| + <style>
|
| + .table {
|
| + display: table;
|
| + border: 25px solid green;
|
| + border-top: 10px solid cyan;
|
| + position: absolute;
|
| + box-sizing: border-box;
|
| + outline: 5px solid blue;
|
| + }
|
| + .tbody { display: table-row-group; }
|
| + .tr { display: table-row; }
|
| + .td { display: table-cell; }
|
| + .block {
|
| + background-color: yellow;
|
| + height: 50px;
|
| + width: 50px;
|
| + }
|
| + </style>
|
| + <script src="../../resources/check-layout.js"></script>
|
| + <script>
|
| + window.onload = function () {
|
| + checkLayout(".table");
|
| + }
|
| + </script>
|
| + <div class="table" data-expected-height="85px">
|
| + <div class="tbody">
|
| + <div class="tr">
|
| + <div class="td">
|
| + <div class="block"></div>
|
| + </div>
|
| + </div>
|
| + </div>
|
| + </div>
|
| + <div style="top: 200px;" class="table" data-expected-height="85px">
|
| + <div class="tbody">
|
| + <div class="tr">
|
| + <div class="td">
|
| + <div class="block"></div>
|
| + </div>
|
| + </div>
|
| + </div>
|
| + </div>
|
| + <div style="bottom: 100px;" class="table" data-expected-height="85px">
|
| + <div class="tbody">
|
| + <div class="tr">
|
| + <div class="td">
|
| + <div class="block"></div>
|
| + </div>
|
| + </div>
|
| + </div>
|
| + </div>
|
| +</body>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 25206002:
A height of a table which has position: absolute and box-sizing: border-box ignores half of the bor… (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master