IndexCoop/index-ui

Rewards monthly dropdown list is clipped inside containing Card.

Closed this issue · 2 comments

Describe the bug
When a user attempts to select a Reward month from the drop down, later months are hidden by the Card's bounds

To Reproduce
Steps to reproduce the behavior:

  1. Go to index coop top nav->Governance->Rewards
  2. Click dropdown labeled 'Select a Reward Month'
  3. Attempt to select a month prior to Jan '21
  4. Observe truncated dropdown list

Expected behavior
All months should be displayed and able to be selected

Screenshots
Clipped:
image

Expected:
image

Desktop (please complete the following information):

Brave 1.31.87 Chromium: 95.0.4638.54 (Official Build) (64-bit)
Revision d31a821ec901f68d0d34ccdbaea45b4c86ce543e-refs/branch-heads/4638@{#871}
OS Windows 10 Version 21H1 (Build 19043.1237)

Smartphone (please complete the following information):
Not Tested

Additional context
The Card component comes from react-neu package which doesn't expose overflow as a prop but sets it directly:
https://github.com/clintonbembryjr/react-neu/blob/master/src/components/Card/Card.tsx#L8

@0xModene, can submit a PR shortly if you like.

@0xModene, can submit a PR shortly if you like.

Go for it!