mirror of
https://github.com/servo/servo.git
synced 2025-07-10 00:43:39 +01:00
62 lines
No EOL
3.5 KiB
HTML
62 lines
No EOL
3.5 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: 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="/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
|
|
<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> |