Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[ Feature ] :: Implement portal solution for dropdown #629

Open
stepinfwd opened this issue Aug 11, 2022 · 2 comments
Open

[ Feature ] :: Implement portal solution for dropdown #629

stepinfwd opened this issue Aug 11, 2022 · 2 comments
Labels
enhancement New feature or request help wanted Extra attention is needed

Comments

@stepinfwd
Copy link

stepinfwd commented Aug 11, 2022

Is your feature request related to a problem? Please describe.
When using nested containers / divs the dropdown will be opening below the parent container rather than showing upfront.

Describe the solution you'd like
Implement a portal : https://reactjs.org/docs/portals.html
https://react-select.com/advanced#portaling

Add any other context or screenshots about the feature request here.
https://user-images.githubusercontent.com/31006028/184071864-f0096a78-1ebf-4fb5-a0cd-61ca0b6f25a5.mov

@stepinfwd stepinfwd added the enhancement New feature or request label Aug 11, 2022
@harshzalavadiya
Copy link
Member

harshzalavadiya commented Aug 12, 2022

@stepinfwd why not just portal entire component?

https://codesandbox.io/s/rmsc-portal-example-823r4k

closing this for now

@harshzalavadiya
Copy link
Member

harshzalavadiya commented Aug 13, 2022

Re-opening this, I guess this can be taken as low priority for now, but will be nice to have

due to current technical limitations/styling issues this will take a lot of restructuring

p.s. PRs are welcome

@harshzalavadiya harshzalavadiya added the help wanted Extra attention is needed label Aug 13, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

2 participants