fix: Div wrapper no pointer events on hidden (#23390)

diff --git a/tools/ui/src/lib/components/app/chat/ChatScreen/ChatScreenActionScrollDown.svelte b/tools/ui/src/lib/components/app/chat/ChatScreen/ChatScreenActionScrollDown.svelte
index bbfed95e94877cf6560edfd495de0e9a3caa3b2e..c43bee3e3c3dcc3c61c266557f1a7b0c499da0ae 100644 (file)
--- a/tools/ui/src/lib/components/app/chat/ChatScreen/ChatScreenActionScrollDown.svelte
+++ b/tools/ui/src/lib/components/app/chat/ChatScreen/ChatScreenActionScrollDown.svelte
@@ -41,12 +41,16 @@
        });
 </script>
 
-<div class="pointer-events-auto relative z-50 mx-auto mb-4 flex max-w-[48rem] justify-center">
+<div
+       class="pointer-events-{show
+               ? 'auto'
+               : 'none'} relative z-50 mx-auto mb-4 flex max-w-[48rem] justify-center"
+>
        <Button
                onclick={scrollToBottom}
                variant="secondary"
                size="icon"
-               class="absolute h-10 w-10 rounded-full bg-background/80 shadow-lg backdrop-blur-sm transition-all duration-200 hover:bg-muted/80"
+               class="pointer-events-all absolute h-10 w-10 rounded-full bg-background/80 shadow-lg backdrop-blur-sm transition-all duration-200 hover:bg-muted/80"
                style="bottom: {buttonBottom}; transform: translateY({show ? '0' : '2rem'}); opacity: {show
                        ? 1
                        : 0};"