43 lines
1.2 KiB
HTML
43 lines
1.2 KiB
HTML
<!doctype html>
|
|
<title>Clicking a display: contents pseudo-element targets that element</title>
|
|
<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
|
|
<link rel="author" href="https://mozilla.org" title="Mozilla">
|
|
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1959364">
|
|
<link rel="help" href="https://drafts.csswg.org/css-display-4/#valdef-display-contents">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/resources/testdriver.js"></script>
|
|
<script src="/resources/testdriver-vendor.js"></script>
|
|
<script src="/resources/testdriver-actions.js"></script>
|
|
<style>
|
|
div {
|
|
width: 100px;
|
|
height: 100px;
|
|
background-color: green;
|
|
position: relative;
|
|
}
|
|
a {
|
|
display: contents;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
}
|
|
</style>
|
|
<div>
|
|
<a href="#"></a>
|
|
</div>
|
|
<script>
|
|
promise_test(async function() {
|
|
let target = document.querySelector("a");
|
|
let hitLink = false;
|
|
target.addEventListener("click", function(e) {
|
|
hitLink = true;
|
|
e.preventDefault();
|
|
});
|
|
await test_driver.click(target.parentElement);
|
|
assert_true(hitLink, "Link should've been clicked");
|
|
});
|
|
</script>
|