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

Make "MenuPlacer" component customizable and switchable. #5167

Closed
wants to merge 1 commit into from

Conversation

kkamik
Copy link

@kkamik kkamik commented Apr 27, 2022

I need to redefine the component "MenuPlacer" because I have issue with viewHeight
https://github.com/JedWatson/react-select/blob/master/packages/react-select/src/components/Menu.tsx#L78

In my case, the Select component renders inside scrollable container that have 50vh, and const viewHeight = window.innerHeight is a problem for my case.

I think make customizable MenuPlacer is the easiest way to fix it.

@changeset-bot
Copy link

changeset-bot bot commented Apr 27, 2022

🦋 Changeset detected

Latest commit: ea25ad2

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages
Name Type
react-select Patch
@react-select/docs Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@codesandbox-ci
Copy link

codesandbox-ci bot commented Apr 27, 2022

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit ea25ad2:

Sandbox Source
react-codesandboxer-example Configuration

@kkamik kkamik force-pushed the master branch 2 times, most recently from d11e9a6 to 3de79ec Compare April 27, 2022 10:34
@yauheni-platau
Copy link

LGTM

@needpower
Copy link

Good for me also 👍

@kkamik
Copy link
Author

kkamik commented Apr 29, 2022

@Rall3n @Methuselah96 Could you review PR?

@Methuselah96
Copy link
Collaborator

Methuselah96 commented Apr 29, 2022

To be clear, it seems like the issue you're describing is actually a bug, is that correct? Would using the height of the scroll parent when the menu is not using fixed positioning (like this) work for you? If so, I wonder if it would be better to merge specifically that change since it seems like an improvement to the status quo while we still work on more fully fixing menu positioning by switching to Popper.

@kkamik
Copy link
Author

kkamik commented May 2, 2022

To be clear, it seems like the issue you're describing is actually a bug, is that correct?

Correct.

Would using the height of the scroll parent when the menu is not using fixed positioning (like this) work for you?

I guess it can help.

If so, I wonder if it would be better to merge specifically that change since it seems like an improvement to the status quo while we still work on more fully fixing menu positioning by switching to Popper.

@Methuselah96 So, let's merge it :)

@Methuselah96
Copy link
Collaborator

#5177

@kkamik kkamik closed this May 10, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants