Skip to content
This repository has been archived by the owner on Dec 11, 2023. It is now read-only.

Modal and useOverlayPosition #19

Closed
WildEgo opened this issue Jul 14, 2021 · 3 comments
Closed

Modal and useOverlayPosition #19

WildEgo opened this issue Jul 14, 2021 · 3 comments

Comments

@WildEgo
Copy link

WildEgo commented Jul 14, 2021

Hi guys,
The problem I shown in my latest issue is also a problem here, but when using Modal it also adds a problem where my modal keeps over the overlay itself.
Maybe this could be fixed by using a third party Modal library, if that's the case have u guys tested it with any of them?

Thanks in advance,
Luis Bizarro.

@intergalacticspacehighway
Copy link
Contributor

@WildEgo the Modal from RN always has a higher precedence. It'll always appear above any absolutely placed element.
Can you use OverlayContainer instead of RN's modal?
In NativeBase, to supports multiple Overlay items, we're using this OverlayContainer
https://react-native-aria.geekyants.com/docs/OverlayContainer

@WildEgo
Copy link
Author

WildEgo commented Jul 15, 2021

@WildEgo the Modal from RN always has a higher precedence. It'll always appear above any absolutely placed element.
Can you use OverlayContainer instead of RN's modal?
In NativeBase, to supports multiple Overlay items, we're using this OverlayContainer
https://react-native-aria.geekyants.com/docs/OverlayContainer

I could do that if that's what you think is best, just write it somewhere in the docs so people can find it, I simply assumed it would plug and play (I'm RN Web and it seems to be rendering inside a div out of the main content and that seems to be why it's that way), that should also fix my problem with your popper library too.

@intergalacticspacehighway
Copy link
Contributor

Sure, we'll update in the docs. Thanks for reporting :)

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants