ConsenSysMesh / ConsenSysMesh/rimble-ui

Select bug when using margin prop

Open
#432 0 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
JavaScript
Stars
455
Forks
60
PR merge metrics
No merged PRs in 30d

Description

**Describe the bug**
When using a margin prop on a Select component, it doesn't seem to affect the dropdown icon which means that the icon stays put while the rest of the component accepts the prop.

**To Reproduce**
Steps to reproduce the behavior:

1. Go to Select page (https://rimble.consensys.design/components/rimble-ui/Select)
2. Add `mt={3}` into example codebox
3. See error

**Expected behavior**
The dropdown icon alignment should always have the same alignment within the component, meaning it remains central to the box and moves with the margin prop.

**Screenshots**
If applicable, add screenshots to help explain your problem.

![image](https://user-images.githubusercontent.com/40891631/70629801-72e07580-1c22-11ea-82e9-a655ccf13b6d.png)

**Rimble UI Version**

Latest

**Desktop (please complete the following information):**

- Mac OS
- Brave
- Version 0.70.121

Contributor guide

No contributing guide indexed for this repository

Research direction

Open the Select page and reproduce the issue by adding mt={3} to the example code. Inspect the Select component and its dropdown icon alignment, then verify that the icon remains centered and moves with the component margin in the example.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
design, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.