influxdata / influxdata/clockface
Dropdown list background is transparent in Accordion body container
- Dominant language
- TypeScript
- Stars
- 46
- Forks
- 18
- Avg merge
- 2d 7h
- Merged PRs (30d)
- 1
Description
When a Dropdown component is in an Accordion body, the background of the Dropdown list becomes transparent
**To Reproduce**
Steps to reproduce the behavior:
This bug occurs when having a Dropdown component in Accordion body. Here is an example to reproduce:
1. Go to InfluxDB Cloud > Data Explorer
2. Turn on toggle "Preview New Script Editor"
3. Open developer console, turn on feature flag `resultOptions`
4. On the left side, select a bucket and a measurement
5. On the right side, under "RESULT OPTIONS" click on the Dropdown button under "Group"
6. See the video below
https://user-images.githubusercontent.com/14298407/196464673-0d459832-92ec-47c2-85e3-6402b6255fd7.mov
**Expected behavior**
The Dropdown list in Accordion body shouldn't be transparent
**Screenshots**
If applicable, add screenshots to help explain your problem.
**Browser**
- OS: MacOS
- Browser: Chrome
- Version: 105
Contributor guide
Research direction
Start by inspecting the Dropdown and Accordion components and reproduce the issue using the described InfluxDB Cloud Data Explorer steps, including the resultOptions feature flag. Verify that the Dropdown list has an opaque background when rendered inside an Accordion body and confirm the behavior in the relevant component checks.
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
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100