+43
-0
lines changedFilter options
+43
-0
lines changed Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
1 +
<!DOCTYPE html>
2 +
<html class="reftest-wait">
3 +
<meta charset="utf-8">
4 +
<title>CSS Basic User Interface Test: interacting with the ellipsis</title>
5 +
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
6 +
<link rel="help" href="http://www.w3.org/TR/css3-ui/#text-overflow">
7 +
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
8 +
<meta name="flags" content="ahem interact dom should">
9 +
<meta name="assert" content="Pointer events on the ellipsis should be dispatched to the elided inline element if there's one, rather than directly to the block.">
10 +
<style>
11 +
#test {
12 +
overflow: hidden;
13 +
text-overflow: ellipsis;
14 +
margin-left: -100px;
15 +
width: 2.5em;
16 +
height: 1em;
17 +
white-space: pre;
18 +
font: 100px/1 ahem;
19 +
color: blue;
20 +
}
21 +
#discard {
22 +
float: left;
23 +
}
24 +
</style>
25 + 26 +
<div id=discard>First, click the blue box. </div>
27 +
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
28 +
<div id="test"><span id="inner"> </span></div>
29 +
<script>
30 +
document.getElementById("test").addEventListener("click", red);
31 +
document.getElementById("inner").addEventListener("click", green)
32 +
function red() {
33 +
document.getElementById("test").style.color="red";
34 +
document.getElementById("discard").remove();
35 +
document.children[0].className="";
36 +
}
37 +
function green(e) {
38 +
document.getElementById("test").style.color="green";
39 +
document.getElementById("discard").remove();
40 +
document.children[0].className="";
41 +
e.stopPropagation();
42 +
}
43 +
</script>
You can’t perform that action at this time.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4