Input search for non existing value displays not required blank drop-down menu in IE11

[rapaSharma]

Issue is in IE. In Chrome it works fine.

1. Search for item starts with cumaa295(more than 5 items exists in list) displays drop-down of 3 values with scrollbar.
2. Search for item starts with cumaa2952(not exists in list) displays blank drop-down menu Note: If drop-down list having no scroll bar works fine.

Same issue can be notice using one of the example given in react-autocomplete code page. i.e., https://reactcommunity.org/react-autocomplete/async-data/

[CMTegner]

This is an issue with max-height. Try removing max-height from the menu styles and see if it fixes the problem.

[rapaSharma]

Not worked for me. Still same issue.

[rapaSharma]

overflow:"scroll" will work. But, it brings unnecessary Scroll all time :(

[CMTegner]

Can you create a reduced test case (like a JSFiddle) where you remove max-height and still see the problem?

[rapaSharma]

I will provide JSFiddle with specific example. Meanwhile, you can test example given by you about Async data only.

[rapaSharma]

Issue was with width attribute. Below solution helped in get rid of this issue. Solution: menuStyle = this.props.menuStyle menuStyle={ itemsCount <= 0 ? {} : menuStyle }