servo/tests/wpt/css-tests/css-regions-1_dev/xhtml1/regions-selection-003.xht

46 lines
No EOL
2.7 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Regions Test: Selection begins at the top of the region and ends in the middle of region</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 within a region should contain all of the content dragged over by the mouse." name="assert" />
<meta content="dom interact" name="flags" />
<link href="/resources/testharness.css" type="text/css" rel="stylesheet" />
<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 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
before region before region before region
</div>
<div id="region"></div>
<div id="source">
<div class="select-point" id="start-select"></div>
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="end-select"></div>
in region in region in region in region in region in region in region in region in region 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();
</script>
</body></html>