Dropdown options overlay and diverge from React component

[ajcase]

What package(s) are you using?

• carbon-components
• carbon-components-react

Detailed description

The dropdown component in vanilla JS does not show the selected option and overlays the remaining options over the top of the dropdown which is causing usability concerns and user issues.

Is this issue related to a specific component? Dropdown

What did you expect to happen? What happened instead? What would you like to
see changed? It should show all available options including the selected option. It should mimic the one that is in react library.

What browser are you working in? Firefox

What version of the Carbon Design System are you using? Latest

What offering/product do you work on? Any pressing ship or release dates we
should be aware of? IBM Security Verify

Steps to reproduce the issue

1. Add multiple fields to dropdown, select one, and then click the drop down again and you will not see it.

Additional information

• Before selection

• After selection