<!DOCTYPE html>
<html class=test-wait>
<title>CSS Anchor Positioning: Don't crash when animating position and position-try-fallbacks in grid</title>
<link rel="help" href="https://crbug.com/339686368">
<style>
@keyframes --anim {
from {
position: absolute;
position-try-fallbacks: flip-block;
}
}
#parent {
display: inline-grid;
}
#victim {
height:100em;
}
#victim.anim {
animation: --anim 100ms linear;
}
</style>
<p>PASS if no crash</p>
<div id=parent>
<div id=victim></div>
</div>
<script>
victim.classList.add('anim');
victim.addEventListener('animationend', () => {
victim.offsetTop;
document.documentElement.classList.remove('test-wait');
});
</script>
</html>