Internal issue 3229 - IcSelect orientation
- Dominant language
- TypeScript
- Stars
- 53
- Forks
- 63
- Avg merge
- 2d 4h
- Merged PRs (30d)
- 15
Description
When IcSelect is rendered at the bottom of the page, it should automatically open the options box above itself. This only happens after scrolling.
Example with the pagination bar in the storybook [https://mi6.github.io/ic-ui-kit/branches/canary/develop/react/?path=/docs/react-components-data-table--docs|https://mi6.github.io/ic-ui-kit/branches/canary/develop/react/?path=/docs/react-components-data-table--docs]
This component will almost always be at the bottom of the page
The MUI Select component has the correct behaviour
[https://mui.com/material-ui/react-select/|https://mui.com/material-ui/react-select/]
Contributor guide
Research direction
Start with the IcSelect component and reproduce the issue using the React Storybook data-table pagination example linked in the report. Compare its initial positioning at the bottom of the page with the MUI Select behavior. Done means the options box opens above IcSelect without requiring the page to be scrolled.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 55/100