fix: Active item portal provider on web (#312)

## Description

This PR fixes active item portal provider implementation on web.

Author: MatiPl01

packages/react-native-sortables/src/components/shared/DraggableView/ActiveItemPortal.tsx

@@ -1,5 +1,6 @@
 import type { PropsWithChildren, ReactNode } from 'react';
 import { useEffect } from 'react';
+import type { ViewStyle } from 'react-native';
 import type { SharedValue } from 'react-native-reanimated';
 import {
   runOnJS,
@@ -8,9 +9,20 @@ import {
   useSharedValue
 } from 'react-native-reanimated';
 
+import { IS_WEB } from '../../../constants';
 import { usePortalContext, useTeleportedItemId } from '../../../providers';
 import type { AnimatedStyleProp, MeasureCallback } from '../../../types';
 
+const TELEPORTED_ITEM_STYLE: ViewStyle = {
+  maxHeight: 0,
+  overflow: 'hidden'
+};
+
+const NOT_TELEPORTED_ITEM_STYLE: ViewStyle = {
+  maxHeight: IS_WEB ? 9999 : 'auto', // 'auto' doesn't trigger onLayout on web
+  overflow: 'visible'
+};
+
 type ActiveItemPortalProps = PropsWithChildren<{
   itemKey: string;
   activationAnimationProgress: SharedValue<number>;
@@ -75,10 +87,9 @@ export default function ActiveItemPortal({
     }
   };
 
-  const animatedItemStyle = useAnimatedStyle(() => ({
-    maxHeight: isTeleported.value ? 0 : 'auto',
-    overflow: isTeleported.value ? 'hidden' : 'visible'
-  }));
+  const animatedItemStyle = useAnimatedStyle(() =>
+    isTeleported.value ? TELEPORTED_ITEM_STYLE : NOT_TELEPORTED_ITEM_STYLE
+  );
 
   useAnimatedReaction(
     () => activationAnimationProgress.value,