</style>
<div id="scrollable">
<div id="scrollabletarget">
</div>
</div>
<script>
async function test() {
ok(!scrollabletarget.matches(":active"), "should not be active initially");
let rAFID = requestAnimationFrame(function ensureInactive() {
let isActive = scrollabletarget.matches(":active");
ok(!isActive, "Element activation should never happen!");
if (!isActive) {
rAFID = requestAnimationFrame(ensureInactive);
}
});