feat(draggable): working zIndex accross all states

mgcrea · Dec 4, 2023 · d9440e6 · d9440e6
1 parent c2dc5f5
commit d9440e6
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/Draggable.tsx b/src/components/Draggable.tsx
@@ -54,9 +54,10 @@ export const Draggable: FunctionComponent<PropsWithChildren<DraggableProps>> = (
   const animatedStyle = useAnimatedStyle(() => {
     const isActive = state.value === "dragging";
     const isActing = state.value === "acting";
+    const zIndex = isActive ? 999 : isActing ? 998 : 1;
     const style = {
       opacity: isActive ? activeOpacity : 1,
-      zIndex: isActive ? 999 : 1,
+      zIndex,
       transform: [
         {
           translateX: offset.x.value,