| Index: LayoutTests/fast/table/table-toggle-paragraph-padding.html
|
| diff --git a/LayoutTests/fast/table/table-toggle-paragraph-padding.html b/LayoutTests/fast/table/table-toggle-paragraph-padding.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..5cc274d742e74e69c9e235ea35d7836398496b5a
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/table/table-toggle-paragraph-padding.html
|
| @@ -0,0 +1,30 @@
|
| +<!DOCTYPE html>
|
| +<script src="../../resources/check-layout.js"></script>
|
| +<style>
|
| +* { font: 15px/1 Ahem }
|
| +.cell { border: 5px solid pink; }
|
| +.backgroundSalmon { background-color: salmon; }
|
| +.cell { display:table-cell; }
|
| +</style>
|
| +
|
| +<body onload="checkLayout('.cell')">
|
| +<h3>Test for chromium bug : <a href="https://code.google.com/p/chromium/issues/detail?id=241331">241331</a>. Margins on children of display:table-cell elements get stuck at highest value.</h3>
|
| +<h4>BeforeMargin of the row was not reseting back to 0 when margin of the cell's child is changed from 100px to 0.</h4>
|
| +The two blocks below should look identical.
|
| +<br/><br/>
|
| +
|
| +<div>
|
| + <div class="cell" data-expected-height="25">a</div>
|
| + <div class="cell" data-expected-height="25"><div class="backgroundSalmon">b</div></div>
|
| +</div>
|
| +<br>
|
| +<div>
|
| + <div class="cell" data-expected-height="25">a</div>
|
| + <div class="cell" data-expected-height="25"><div class="backgroundSalmon toggle" style="margin:100px">b</div></div>
|
| +</div>
|
| +
|
| +<script>
|
| +document.body.offsetWidth;
|
| +document.querySelector('.toggle').style.margin = 0;
|
| +</script>
|
| +</body>
|
|
|
Chromium Code Reviews
Issue 22589002:
Margins on children of display:table-cell elements get stuck at highest value. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master