mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-10 05:08:36 +02:00
69ac9bf636
Automatic update from web-platform-tests Add WPT for ensuring flexbox child hit testing is done in flex order Currently fails both with and without LayoutNG. Non-LayoutNG case should depend on a reversed OrderIterator for performing hit testing. Bug: 844505 Change-Id: I93a96922cad57ace6990310e4855355d06c8cd66 Reviewed-on: https://chromium-review.googlesource.com/c/1407926 Reviewed-by: Morten Stenshorne <mstensho@chromium.org> Commit-Queue: Andrew Comminos <acomminos@fb.com> Cr-Commit-Position: refs/heads/master@{#622504} -- wpt-commits: 50e34a867e3818f4795096cb0ed137705ba8d8d2 wpt-pr: 14831
45 lines
1.3 KiB
HTML
45 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<link rel="author" title="Andrew Comminos" href="mailto:acomminos@fb.com" />
|
|
<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#painting" />
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<style>
|
|
#container {
|
|
width: 600px;
|
|
display: flex;
|
|
}
|
|
|
|
#left {
|
|
width: 300px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
background: rgba(200, 200, 200, 0.8);
|
|
order: 0;
|
|
}
|
|
|
|
#right {
|
|
width: 300px;
|
|
background-color: rgba(0, 128, 0, 0.8);
|
|
margin-left: -100px;
|
|
order: 1;
|
|
}
|
|
</style>
|
|
<div id="container">
|
|
<div id="right"></div>
|
|
<a id="left" href="#">foofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoo</a>
|
|
</div>
|
|
<div id="log"></div>
|
|
<script>
|
|
test(function(t)
|
|
{
|
|
const container = document.querySelector('#container');
|
|
// Target the intersection of the two child elements.
|
|
// The occluded link should not be clickable.
|
|
const x = container.offsetLeft + 250;
|
|
const y = container.offsetTop + 5;
|
|
|
|
var element = document.elementFromPoint(x, y);
|
|
assert_equals(element.nodeName, 'DIV');
|
|
assert_equals(element.id, 'right');
|
|
}, "Flexboxes should perform hit testing in reverse paint order for overlapping elements: flex order case (crbug.com/844505)");
|
|
</script>
|