servo/tests/wpt/css-tests/css-regions-1_dev/html/regions-selection-024.htm
Ms2ger 296fa2512b Update web-platform-tests and CSS tests.
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180.
- Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
2017-02-06 22:38:29 +01:00

61 lines
No EOL
3.3 KiB
HTML

<!DOCTYPE html>
<html><head>
<title>
CSS Regions: Selection is upward, begins inside and ends outside a region - both the region
and the before after it have child elements
</title>
<link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck">
<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, mouse selection inside and outside of a named flow should contain all of the content dragged
over by the mousemovement, including nested elements." name="assert">
<meta content="dom interact" name="flags">
<link href="support/css/regions-selection.css" type="text/css" rel="stylesheet">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="support/js/selection-test-helper.js"></script>
</head>
<body>
<p id="msg">
Click on the orange square, keep the mouse button down and drag it to the blue square,
release the mouse over the blue square.
</p>
<div id="beforeRegion">
before region
<div class="select-point" id="end-select"></div>
before region before region before region
<div id="nestedDiv">
nested div <img src="support/img/cat.png" id="nestedImgBeforeRegion">
nested div nested div nested div nested div
</div>
before region before region before region before region before region before region before region
before region before region before region before region before region before region before region
</div>
<div id="region"></div>
<div id="source">
in region in region in region in region in region in region in region in region in region in region in
region in region in region in region in region in region in region in region in region in region in
region in
<div id="nestedDiv">
nested div <img src="support/img/cat.png" id="nestedImgInRegion"> nested div
</div>
region in region in region in region in region in region in region in region in region in
region in region in region in region in region in region in region in region in region
<div class="select-point" id="start-select"></div> in region
</div>
<div id="afterRegion">
after region after region after region after region after region after region after region after region
after region after region after region after region after region after region after region after region
after region after region after region after region after region
</div>
<div id="log"></div>
<script>
runSelectionTest( [ { nodeName: "nestedImgInRegion", expected: true },
{ nodeName: "nestedImgBeforeRegion", expected: true } ]);
</script>
</body></html>