influxdata / influxdata/clockface

Dropdown list background is transparent in Accordion body container

Open
#877 0 comments 0 reactions 0 assignees View on GitHub
kind/bug
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

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.