flutter_flutter/tests/layout/clipping-elementFromPoint.sky
Ojan Vafai 5968e0308a Fix hit-testing in the stocks apps when scrolled.
We were not passing the transformed HitTestLocation when we recursed
into child layers, which meant that we wouldn't take transforms
correctly into account when hit testing.

R=abarth@chromium.org

Review URL: https://codereview.chromium.org/1019723002
2015-03-18 18:55:54 -07:00

40 lines
878 B
Plaintext

<style>
toolbar {
background: yellow;
width: 50px;
height: 50px;
}
scrollable {
overflow: hidden;
height: 400px;
background: red;
}
content {
height: 400px;
background-color: pink;
transform: translateY(-100px);
}
</style>
<toolbar>toolbar</toolbar>
<scrollable><content>content</content></scrollable>
<script>
import "../resources/third_party/unittest/unittest.dart";
import "../resources/unit.dart";
import "dart:async";
import "dart:sky";
void main() {
initUnit();
test("should hit test toolbar", () {
expect(document.elementFromPoint(10, 10).textContent, equals("toolbar"));
});
test("should hit test toolbar when transformed, but clipped element overlaps", () {
document.querySelector("scrollable").style["transform"] = "translate(0, 0)";
expect(document.elementFromPoint(10, 10).textContent, equals("toolbar"));
});
}
</script>