mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-26 11:45:37 +00:00
90bb73c672
In case of pseudo elements ElementHasAnimations is set on the parent element. updating-animation-on-pseudo-element.html fails without this patch, succeeds with this patch. MozReview-Commit-ID: HJaX7m8nV96 --HG-- extra : rebase_source : 15466f065d852ebc5fefd5d305639ba366a221f6
39 lines
832 B
HTML
39 lines
832 B
HTML
<!DOCTYPE html>
|
|
<html class="reftest-wait">
|
|
<style>
|
|
@keyframes anim {
|
|
from { margin-left: 10em; }
|
|
to { margin-left: 10em; }
|
|
}
|
|
#target::before {
|
|
content: 'before';
|
|
}
|
|
#target.anim::before {
|
|
animation: anim 100s infinite;
|
|
font-size: 10px;
|
|
}
|
|
#target.bigger-font::before {
|
|
font-size: 20px;
|
|
}
|
|
</style>
|
|
<div id="target"></div>
|
|
<script>
|
|
addEventListener('DOMContentLoaded', () => {
|
|
var target = document.getElementById('target');
|
|
|
|
// Start an animation on pseudo element.
|
|
target.classList.add('anim');
|
|
|
|
requestAnimationFrame(() => {
|
|
// The animation on pseudo element should be updated
|
|
// when the target element classes are modified.
|
|
target.classList.add('bigger-font');
|
|
|
|
requestAnimationFrame(() => {
|
|
document.documentElement.classList.remove('reftest-wait');
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
</html>
|