Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-10-02 17:49:16 +01:00
Code Issues Projects Releases Packages Wiki Activity

Auto merge of #12841 - emilio:hit-test, r=pcwalton

Browse source 
Fix hit testing to take into account nested stacking contexts #12777

<!-- Please describe your changes on the following line: -->

Fixes #12833.

---
<!-- Thank you for contributing to Servo! Please replace each `[ ]` by `[X]` when the step is complete, and replace `__` with appropriate data: -->
- [x] `./mach build -d` does not report any errors
- [x] `./mach test-tidy` does not report any errors
- [x] These changes fix #12833 (github issue number if applicable).

<!-- Either: -->
- [x] There are tests for these changes OR

<!-- Pull requests that do not address these steps are welcome, but they will require additional verification as part of the review process. -->

<!-- Reviewable:start -->
---
This change is [<img src="https://reviewable.io/review_button.svg" height="34" align="absmiddle" alt="Reviewable"/>](https://reviewable.io/reviews/servo/servo/12841)
<!-- Reviewable:end -->
This commit is contained in:
bors-servo 2016-08-25 13:44:27 -05:00 • committed by GitHub
commit 9b4713f536
3 changed files with 100 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

6
tests/wpt/mozilla/meta/MANIFEST.json
View file

@ -6756,6 +6756,12 @@
"url": "/_mozilla/mozilla/global.html"
}
],
"mozilla/hit_test_nested_sc.html": [
{
"path": "mozilla/hit_test_nested_sc.html",
"url": "/_mozilla/mozilla/hit_test_nested_sc.html"
}
],
"mozilla/hit_test_pos_fixed.html": [
{
"path": "mozilla/hit_test_pos_fixed.html",

72
tests/wpt/mozilla/tests/mozilla/hit_test_nested_sc.html Normal file
View file

@ -0,0 +1,72 @@
<!doctype html>
<meta charset="utf-8">
<title>Test: Hit testing works well with nested stacking contexts</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
.outer-sc {
transform: translate(-50px, -50px);
position: absolute;
width: 250px;
height: 250px;
top: 250px;
left: 250px;
background: blue;
}
.outer-sc:hover {
background: red;
}
.inner-sc {
transform: translate(50px, 50px);
position: absolute;
width: 250px;
height: 250px;
top: 250px;
left: 250px;
background: green;
}
.inner-sc:hover {
background: yellow;
}
html, body { margin: 0; padding: 0; }
</style>
<div class="outer-sc">
<div class="inner-sc">
</div>
</div>
<script>
async_test(function(t) {
window.onload = t.step_func(function() {
// This should be in the middle of the squares:
// +-------------+
// | |
// | |
// | |
// | |
// | |
// +-------------+
// . <-- here
// +-------------+
// | |
// | |
// | |
// | |
// | |
// +-------------+
//
// If we have forgotten to take into account the nested transformations,
// then it will report that the inner stacking context is at that point
// (but obviously shouldn't).
var points = document.elementsFromPoint(450 + 25, 450 + 25);
assert_true(points.length > 0,
"Should report at least one element");
assert_true(points[0].className !== "inner-sc",
"Should not be the inner stacking context");
t.done();
})
})
</script>