From 5d621265303b875057113c52c2de1ba12031e4b7 Mon Sep 17 00:00:00 2001
From: Martin Raifer <martin@raifer.tech>
Date: Wed, 19 Feb 2025 18:31:42 +0100
Subject: [PATCH] add dummy transition to overlay layers

fixes overlay tiles from not being removed while zooming out and back in

addendum to #10785
---
 css/80_app.css | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/css/80_app.css b/css/80_app.css
index 7bb23fcc1..5f37262a4 100644
--- a/css/80_app.css
+++ b/css/80_app.css
@@ -4373,13 +4373,21 @@ img.tile {
     overflow: hidden;
 }
 
+.layer-overlay .img.tile,
+.map-in-map-overlay .img.tile {
+    /* dummy transition such that the `ontransitionend` event can be triggered, see https://github.com/openstreetmap/iD/pull/10785 */
+    transition: opacity 1ms linear;
+}
+
 .layer-background img.tile,
 .map-in-map-background img.tile {
     filter: url(#alpha-slope5);
 }
 
 .layer-background img.tile-removing,
-.map-in-map-background img.tile-removing {
+.layer-overlay img.tile-removing,
+.map-in-map-background img.tile-removing,
+.map-in-map-overlay img.tile-removing {
     opacity: 0;
     z-index: 1;
 }