[Android] - Toast appears below Modal

[intergalacticspacehighway]

The below screen recording demonstrates the bug reproduction.

https://user-images.githubusercontent.com/23293248/129330590-4eff19d3-2f8a-4e72-8526-08044876c158.mov

Reason

On Android, we're using RN's Modal to show the Overlay instead of using OverlayContainer. This has been done for accessibility reasons (to auto-shift focus when opened). This is leading to the below issue. RN's Modal has the highest precedence and it won't let any absolutely placed View appear on top. A quick fix would be to replace RN modal with OverlayContainer and shift focus manually.

[garrettg123]

This is also an issue on iOS with react-navigation's modal.

[surajahmed]

We're working on it. Thanks for reporting!

[rkritskiy]

+1

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[yotamishak]

@surajahmed any updates on this?

I can also confirm I am having the same problems as @garrett-gottlieb with react navigation modals. Perhaps the title of this issue should be changed to iOS as well or should I open another issue?

[surajahmed]

Hi @yotamishak. We're changing the architecture of the overlay component. This is due to the conflict between the native overlay and our Portal component. We'll fix this in the coming release. Thanks for your patience.

[tvnguyen-huge]

hi @surajahmed , any updates on this?

[danieljohnson18]

Still waiting here also

[alexlecco]

same issue here. Still waiting here...

[willianlyncas]

Hi, any updates on this?