mi6 / mi6/ic-ui-kit

Internal issue 3229 - IcSelect orientation

Open
#4,417 3 comments 0 reactions 0 assignees View on GitHub
pagination-bar popover component select component
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.