JedWatson / JedWatson/react-select
Menu positioning issue on mobile when the keyboard is opened
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 28k
- Forks
- 4.1k
- PR merge metrics
- No merged PRs in 30d
Description
"react-select": "^5.9.0",
On mobile clicking on the react-select component the keyboard is opened and the component itself is being moved to the upper side of the screen avoiding to be hidden by the keyboard. In these cases the menu is not positioned on the right place. See the screenshot:
Here the component implementation:
<div className="relative"> {React.createElement<SelectProps<any>>( Select, { isMulti: false, menuPortalTarget: isServer() ? null : document.body, menuPosition: 'fixed', menuPlacement: 'auto', ...props, }, )} </div>
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start from the shown Select configuration using menuPortalTarget, menuPosition, and menuPlacement, then trace the react-select menu positioning entry point. The issue provides no repository file or test path; done means the menu is positioned correctly when the mobile keyboard opens.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend, mobile
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100