From d5982891fa0f79a5bc00eccb66be2611fb2d3502 Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Tue, 16 Apr 2024 18:51:25 -0700
Subject: properly animate the profile hover card (#3590)

* properly implement with `isOpen` and `isPositioned`

* well, this works just as well

* add `willChange`
---
 src/components/ProfileHoverCard/index.web.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

(limited to 'src')

diff --git a/src/components/ProfileHoverCard/index.web.tsx b/src/components/ProfileHoverCard/index.web.tsx
index 467cbddc6..2cd1228d8 100644
--- a/src/components/ProfileHoverCard/index.web.tsx
+++ b/src/components/ProfileHoverCard/index.web.tsx
@@ -289,12 +289,12 @@ export function ProfileHoverCardInner(props: ProfileHoverCardProps) {
       {props.children}
       {isVisible && (
         <Portal>
-          <div style={animationStyle}>
-            <div
-              ref={refs.setFloating}
-              style={floatingStyles}
-              onPointerEnter={onPointerEnterCard}
-              onPointerLeave={onPointerLeaveCard}>
+          <div
+            ref={refs.setFloating}
+            style={floatingStyles}
+            onPointerEnter={onPointerEnterCard}
+            onPointerLeave={onPointerLeaveCard}>
+            <div style={{willChange: 'transform', ...animationStyle}}>
               <Card did={props.did} hide={onPress} />
             </div>
           </div>
-- 
cgit 1.4.1