forked from mirrors/gecko-dev
4546eee14c
Automatic update from web-platform-tests [LayoutNG] Children ScrollableOverflow applies transforms Scrollable overflow of container fragments is a union of children scrollable overflows. If children have transforms, those transforms should be applied before the union. Added overflow-abpos-transform.html test case to explicitly test abspos fragment with transforms. Bug: 849751 Change-Id: Iaa43ea1617113c658accf2d02bf7574e08a03518 Notry: true Reviewed-on: https://chromium-review.googlesource.com/c/1406235 Commit-Queue: Aleks Totic <atotic@chromium.org> Reviewed-by: Morten Stenshorne <mstensho@chromium.org> Cr-Commit-Position: refs/heads/master@{#622520} -- wpt-commits: c46c9680c51fd9dd310578246febd44dad559d24 wpt-pr: 14808
39 lines
1 KiB
HTML
39 lines
1 KiB
HTML
<!DOCTYPE html>
|
|
<title>CSS Overflow and Transforms: css-overflow-3</title>
|
|
<link rel="author" title="mailto:atotic@google.com">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<link rel="help" href="https://www.w3.org/TR/css-overflow-3/#scrollable">
|
|
<meta name="assert" content="css transform is used to compute scroll overflow of inline-block children">
|
|
<style>
|
|
#container {
|
|
border: 1px solid black;
|
|
width: 200px;
|
|
overflow: auto;
|
|
}
|
|
#target {
|
|
display: inline-block;
|
|
width: 20px;
|
|
height: 20px;
|
|
background: green;
|
|
position: relative;
|
|
top: 100px;
|
|
transform: translateY(80px);
|
|
}
|
|
</style>
|
|
<!--
|
|
#container should have vertical scrollbar because target is offset
|
|
by position:relative and transform.
|
|
-->
|
|
<div id="container">
|
|
<span>
|
|
scroll
|
|
<div id="target"></div>
|
|
down
|
|
</span>
|
|
</div>
|
|
<script>
|
|
test(() => {
|
|
assert_equals(document.querySelector("#container").scrollHeight, 200);
|
|
}, '#target used transform when computing scroll overflow');
|
|
</script>
|