mirror of
https://github.com/servo/servo.git
synced 2025-10-16 16:29:18 +01:00
296fa2512b
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180. - Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
56 lines
No EOL
2.6 KiB
HTML
56 lines
No EOL
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html><head>
|
|
<title>CSS Regions: onmouseup events outside region</title>
|
|
<link href="mailto:dalcala@adobe.com" rel="author" title="David Alcala">
|
|
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
|
|
<link href="http://www.w3.org/TR/css3-regions/#flow-from" rel="help">
|
|
<link href="http://www.w3.org/TR/css3-regions/#relation-to-document-events" rel="help">
|
|
<meta content="CSS regions module does not alter the normal processing of events in the document
|
|
tree. Therefore, onmouseup events outside a named flow should function correctly." name="assert">
|
|
<meta content="dom interact" name="flags">
|
|
<link href="support/css/regions-mouse-events.css" type="text/css" rel="stylesheet">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="support/js/regions-mouse-events-test-helper.js"></script>
|
|
</head>
|
|
<body>
|
|
<p id="msg">Mouse up on the orange square (Press the mouse button down somewhere outside the orange square. Then drag the mouse to the orange square. Release the mouse button while on the orange square.)</p>
|
|
<div id="content">
|
|
<div class="block"></div>
|
|
<div class="block"></div>
|
|
<div class="block" id="target-block"></div>
|
|
</div>
|
|
<div class="region"></div>
|
|
<div class="region"></div>
|
|
<div class="region"></div>
|
|
<br>
|
|
<div id="outside-region">This div is outside the region</div>
|
|
<div id="log"></div>
|
|
|
|
<script type="text/javascript">
|
|
|
|
if(getLeftPosition("target-block") !== 0) {
|
|
var test1 = async_test("onmouseup event fired outside region", {timeout: testTimeout});
|
|
test1.step(function () {
|
|
var testTarget = document.getElementById("outside-region");
|
|
testTarget.onmouseup = test1.step_func(function (evt) {
|
|
|
|
/* Verify the target outside the region has the correct ID */
|
|
test(function() {
|
|
assert_equals(evt.target.id, "outside-region");
|
|
}, "Div that mouseup was performed on outside region has correct ID");
|
|
|
|
test1.done();
|
|
});
|
|
mouseUp("outside-region");
|
|
});
|
|
completionCallback();
|
|
}
|
|
else {
|
|
test(function () {
|
|
assert_true(false);
|
|
}, "Regions are not enabled");
|
|
}
|
|
|
|
</script>
|
|
</body></html> |