Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-anchor-position/anchored-transition-display-none.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html id=html class="reftest-wait">
<link rel="match" href="anchored-transition-display-none-ref.html">
This is visible.
<div>FAIL if this is visible</div>
<style>
div {
position-area: end;
position: absolute;
border: 1px solid;
transition-behavior: allow-discrete;
transition-duration: 0.01s;
}
</style>
<script>
html.addEventListener('transitionend', () => {
html.classList.toggle('reftest-wait')
});
document.body.offsetLeft;
document.querySelector("div").style.display = "none";
</script>