[v4] Scale and Shadow decorators not working on web

[ericvicenti]

Describe the bug On web, dragging works but the decorators are not applied. After drag begins, the item can be moved up and down but the shadow and scale effect are not there. The exact same code does work on iOS+Android

See the demo here: https://alpha.zerve.app/zen_playground?_=OrderableButtons

To Reproduce

Code is here: https://github.com/zerve-app/zerve/blob/main/packages/zen/OrderableButtons.tsx

Sorry I haven't had the time to isolate the issue in a standalone repo. Here's how to run the UI playground in my project:

1. git clone [email protected]:zerve-app/zerve.git --depth=1
2. cd zerve && yarn
3. yarn workspace zebra-web dev
4. open http://localhost:4000/zen_playground?_=OrderableButtons

Platform & Dependencies

• react-native-draggable-flatlist version: v4 beta 12
• Platform: web
• react-native: 0.69.5
• react-native-web: ~0.18.7
• react-native-gesture-handler": "~2.6.2",
• react-native-reanimated": "^2.10.0",

[ericvicenti]

I should note this is within a <NestableDraggableFlatList although I haven't tested it in a normal <DraggableFlatList

[FrozenPyrozen]

@ericvicenti try to add

import { enableExperimentalWebImplementation } from 'react-native-gesture-handler';

enableExperimentalWebImplementation(true);

On root component