From aab9280e8cbddb4cf8a3ed554ab183b720a5c118 Mon Sep 17 00:00:00 2001
From: Joseph Ivie <joseph@lightningkite.com>
Date: Fri, 12 Jul 2024 14:00:25 -0600
Subject: [PATCH] JS animation fix

---
 .../com/lightningkite/kiteui/views/direct/ImageView.js.kt  | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/library/src/jsMain/kotlin/com/lightningkite/kiteui/views/direct/ImageView.js.kt b/library/src/jsMain/kotlin/com/lightningkite/kiteui/views/direct/ImageView.js.kt
index 3580163c..4c68075c 100644
--- a/library/src/jsMain/kotlin/com/lightningkite/kiteui/views/direct/ImageView.js.kt
+++ b/library/src/jsMain/kotlin/com/lightningkite/kiteui/views/direct/ImageView.js.kt
@@ -61,6 +61,7 @@ actual inline var ImageView.source: ImageSource?
         }
     }
 fun ImageView.setSrc(url: String) {
+    val animating = animationsEnabled
     if(!animationsEnabled) {
         native.innerHTML = ""
     }
@@ -100,13 +101,13 @@ fun ImageView.setSrc(url: String) {
         val children = (0..<native.children.length).mapNotNull { native.children[it] }
         val myIndex = children.indexOf(newElement)
         if(myIndex == -1) return@label Unit
-        if((clockMillis() - now) < 32) {
+        if((clockMillis() - now) < 32 && !animating) {
             // disable animations and get it done; no reason to show the user an animation
             newElement.withoutAnimation {
-                newElement.style.opacity = "0.8"
+                newElement.style.opacity = "1"
             }
         } else {
-            newElement.style.opacity = "0.99"
+            newElement.style.opacity = "1"
         }
         for(index in 0..<myIndex) {
             val it = children[index] as? HTMLElement ?: continue