Global modal is misaligned when using Drawer Layout #12301
Comments
|
Is this an issue with Drawer or Reanimated? Can you reproduce this without Drawer, but using Reanimated in the app? |
I'm unsure specifically, I was able to reproduce the drawer and thus the issue with using Reanimated but I'm unsure if it's Reanimated directly or just the styling of the drawer. Remove the drawer itself, and the problem goes away. I was able to get the global modal to work by wrapping it in it's own View, with no styling attached, but this wasn't necessarily previously. It's a hilariously simple fix, but I'm under the assumption that it wasn't intended to break in the first place. |
|
Wrapping the |
Current behavior
Prior to updating RN and RN Navigation, I was able to have a global modal using a context without any issue with how it displayed. Since the update, the modal displays at the top left. I cannot clarify what version I was on prior to updating, but I do know I was on RN 0.74 at the time that it was functioning correctly.
I can confirm that a modal that's local will display correctly, and I can confirm that it is caused by having the Drawer component. I cannot test on iOS, but the repro shows no issues with iOS so the issue might be isolated to Android.
This is how the modal appears, note the white rectangle at the top left:
Expected behavior
I expect to see the modal positioned in the middle, exactly the way the local modal is displaying.
It should look like this:
Reproduction
https://snack.expo.dev/Hcyvr2Ei__HI1bM6uUEBw
Platform
Packages
Environment
The text was updated successfully, but these errors were encountered: