summaryrefslogtreecommitdiffstats
path: root/layout/reftests/css-transitions/style-change-during-transition.html
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--layout/reftests/css-transitions/style-change-during-transition.html32
1 files changed, 32 insertions, 0 deletions
diff --git a/layout/reftests/css-transitions/style-change-during-transition.html b/layout/reftests/css-transitions/style-change-during-transition.html
new file mode 100644
index 0000000000..e539a82093
--- /dev/null
+++ b/layout/reftests/css-transitions/style-change-during-transition.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+.container {
+ visibility: visible;
+ transition: visibility .2s;
+}
+
+.hidden {
+ visibility: hidden;
+}
+</style>
+<div id="tooltip" class="container hidden">
+ <div>
+ <div>
+ <strong>Text</strong>
+ </div>
+ </div>
+</div>
+<script>
+window.addEventListener("load", () => {
+ requestIdleCallback(() => {
+ tooltip.classList.remove("hidden");
+ requestAnimationFrame(() => {
+ requestAnimationFrame(() => {
+ tooltip.style.zIndex = 2;
+ document.documentElement.classList.remove("reftest-wait");
+ });
+ });
+ });
+});
+</script>