summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-grid/grid-items/replaced-element-015.html
blob: adb9af565481d0d517fb0af6e24a006eaa669dda (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1055095">
<link rel="match" href="../reference/replaced-element-015-ref.html">
<p>Test passes if it matches the reference.</p>
<div style="display: inline-grid; width: 100px;">
  <div id="target" style="height: 100%; margin-bottom: 50px;">
    <img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect width='100' height='100' fill='green'/></svg>"
         style="height: 100%">
  </div>
</div>
<script>
const target = document.getElementById('target');
document.body.offsetTop;
target.style.marginBottom = '';
document.body.offsetTop;
target.style.marginBottom = '50px';
document.body.offsetTop;
target.style.marginBottom = '';
</script>