forked from mirrors/gecko-dev
4fa0cff503
Automatic update from web-platform-tests [GridNG] Fix failing scrollable overflow tests. There were never passing in legacy, but is relatively trivial to pass in NG. Effectively NG has the concept of the "inflow-bounds" which for grid layout is the size of the grid. Legacy never has this clear separation (kinda using the intrinsic-block-size as a proxy). Additionally fixes the tests (these have never passed in any browser so had some "obvious" mistakes). Bug: 1045599 Change-Id: I990f450ee7ec00a2fd730d402e25632b8c748cd3 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2727860 Commit-Queue: Ian Kilpatrick <ikilpatrick@chromium.org> Reviewed-by: Ethan Jimenez <ethavar@microsoft.com> Reviewed-by: Christian Biesinger <cbiesinger@chromium.org> Reviewed-by: Kurt Catti-Schmidt <kschmi@microsoft.com> Cr-Commit-Position: refs/heads/master@{#859503} -- wpt-commits: a12b65954997fb3aa62aba24128b5cbbabc30e64 wpt-pr: 27846
22 lines
1,001 B
HTML
22 lines
1,001 B
HTML
<!DOCTYPE html>
|
|
<meta charset="utf-8">
|
|
<title>CSS Grid Layout Test: Grid padding 'overflowing' the grid container size</title>
|
|
<link rel="author" title="Tab Atkins-Bittner" href="https://xanthir.com/contact">
|
|
<link rel="author" title="Elika J Etemad" href="http://inkedblade.org/contact">
|
|
<link rel="help" href="https://drafts.csswg.org/css-grid/#grid-model">
|
|
<link rel="help" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow">
|
|
<link rel="match" href="reference/100x100-grey-box-with-scrollbars.html">
|
|
<meta name="assert" content="This test verifies that scrollbars are shown when end-edge padding overflows the grid container.">
|
|
<link href="/css/support/grid.css" rel="stylesheet">
|
|
<style>
|
|
.grid {
|
|
grid: 100px / 100px;
|
|
width: 100px;
|
|
height: 100px;
|
|
box-sizing: border-box;
|
|
padding: 0 50px 50px 0;
|
|
overflow: auto;
|
|
}
|
|
</style>
|
|
<p>The test passes if you see a grey square below and both scrollbars are visible.</p>
|
|
<div class="grid"></div>
|