fix: Div wrapper no pointer events on hidden (#23390)
This commit is contained in:
@@ -41,12 +41,16 @@
|
|||||||
});
|
});
|
||||||
</script>
|
</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
|
<Button
|
||||||
onclick={scrollToBottom}
|
onclick={scrollToBottom}
|
||||||
variant="secondary"
|
variant="secondary"
|
||||||
size="icon"
|
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
|
style="bottom: {buttonBottom}; transform: translateY({show ? '0' : '2rem'}); opacity: {show
|
||||||
? 1
|
? 1
|
||||||
: 0};"
|
: 0};"
|
||||||
|
|||||||
Reference in New Issue
Block a user