When using the classes property on the Select component, both selectMenu and select's values are added to the same element.

So in the following example, both foo and bar are both applied to the select div and the menu pop-up does not have either.

<Select=classes{{ select: 'foo' select-menu: 'bar' }}> </Select

• This is a v1.x issue (v0.x is no longer maintained).
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

The values set for 'select' and 'selectMenu' should be set on different elements.

Current Behavior

Mentioned above.

Steps to Reproduce (for bugs)

1. Navigate to https://codesandbox.io/s/3x4pn95336
2. Inspect the drop-down and note that it has both foo and bar classes.

Context

Creating a dropdown that requires some CSS tweaks to match what UIUX asked for. Optimally, I would like a property that lets me set a class for the List component that contains the drop down menu's items.

Your Environment