[BUG] Dropdown get covered by accordion dropdown.

[YauKeng]

Bug Report

Dropdown will get covered by another dropdown in accordion.

Steps to reproduce

1. Open jsfiddle and run.
2. Click on accordion to expand it.
3. Click "Item" dropdown

Testcase

https://jsfiddle.net/arjbndcx/3/

Screenshot (if possible)

Image

Version

2.8.4

[lubber-de]

Confirmed. Interesting 🤔 When you open the second dropdown at least once then the issue is gone....However, the z-index:10 does not change (which was my first thought), needs more investigation

[ko2in]

The second dropdown in accordion has the class name visible at initial state, which causes this issue.

Once it was opened and closed, the class name visible removed so, it's working as expected if the second dropdown was opened at least one time.

[lubber-de]

Ok, reason for this is the transition module which fades in all child objects by default and ends by setting the className visible to each child object which, as @ko2in pointed out, results in the suddenly existing visible class.

Two options to fix this for now in your code:

• Change the transition classname to transition visible which will automatically remove the visible class afterward by

className: {
  transition: 'transition visible' 
}

https://jsfiddle.net/8h5f6mgn/

I think, this solution is something we should consider implementing as default, but needs much more testing

OR

• Use animateChildren: false
  https://jsfiddle.net/8h5f6mgn/1/