From c54391479aeb220bbb30b7c9a24ac85e67652400 Mon Sep 17 00:00:00 2001 From: Joey Arhar Date: Thu, 15 Jun 2023 22:20:54 -0700 Subject: [PATCH] Make ::backdrop stay in top layer while animating out This patch adds a new internal pseudo class which matches popovers while they are still in the top layer after they have been closed in order to also make the corresponding ::backdrop stay in the top layer. This is based on futhark's patch: https://chromium-review.googlesource.com/c/chromium/src/+/4554016 HTML spec PR: https://github.com/whatwg/html/pull/9387 Fixed: 1449145 Change-Id: I8e4831e960c5d18fb077f023c119fd0e678541df Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4585724 Reviewed-by: Mason Freed Commit-Queue: Joey Arhar Cr-Commit-Position: refs/heads/main@{#1158640} --- .../overlay-transition-backdrop-entry.html | 25 +++++++++++++++++++ .../overlay/overlay-transition-backdrop.html | 20 +++++++++++++++ 2 files changed, 45 insertions(+) create mode 100644 css/css-position/overlay/overlay-transition-backdrop-entry.html create mode 100644 css/css-position/overlay/overlay-transition-backdrop.html diff --git a/css/css-position/overlay/overlay-transition-backdrop-entry.html b/css/css-position/overlay/overlay-transition-backdrop-entry.html new file mode 100644 index 00000000000000..89299e3a8ea088 --- /dev/null +++ b/css/css-position/overlay/overlay-transition-backdrop-entry.html @@ -0,0 +1,25 @@ + +CSS Position Test: overlay transition with ::backdrop during entry animation + + + + +
+ diff --git a/css/css-position/overlay/overlay-transition-backdrop.html b/css/css-position/overlay/overlay-transition-backdrop.html new file mode 100644 index 00000000000000..b730e4334659c8 --- /dev/null +++ b/css/css-position/overlay/overlay-transition-backdrop.html @@ -0,0 +1,20 @@ + +CSS Position Test: overlay transition with ::backdrop + + + + +
+