Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[AutoComplete] Menu items become invisible on dataSource changes #2575

Closed
careyf opened this issue Dec 17, 2015 · 3 comments
Closed

[AutoComplete] Menu items become invisible on dataSource changes #2575

careyf opened this issue Dec 17, 2015 · 3 comments
Labels
bug 🐛 Something doesn't work component: autocomplete This is the name of the generic UI component, not the React module!

Comments

@careyf
Copy link

careyf commented Dec 17, 2015

Found on 0.14.0-rc2.

I am using a simple array of strings as a datasource, and sporadically all or some menu items will become invisible. A gif is attached illustrating the issue. You can see at the end I am able to select a menu item which is complete invisible but stll clearly present.

I traced into things and found that the opacity on some menu items remains as 0, but I'm not sure what the cause is, though I suppose it may be transitions.

Note that this is happening with animated={true} and animated={false}.

autocomplete

This is basically all my render method does:

props.onUpdateInput = this.updateAsync;
props.onNewRequest = this.setValue;
props.searchText = this.props.initialValue;
props.dataSource = this.state.suggestions;
props.animated = false;
return (<AutoComplete {...props} ref="autoComplete"/>);

@alitaheri alitaheri added the bug 🐛 Something doesn't work label Dec 18, 2015
@sergiu-paraschiv
Copy link

I'm can confirm this is happening to me too with animations enabled. If I set animated={false} then it works as expected. I'm pretty sure this has already been discussed here and here.

@zachguo
Copy link
Contributor

zachguo commented Feb 15, 2016

For remote data source, the menu doesn't show up at all.... However it's working if I set animated={false}.
v0.14.4

@mbrookes
Copy link
Member

Closing due to lack of recent reports of this issue.

@oliviertassinari oliviertassinari added the component: autocomplete This is the name of the generic UI component, not the React module! label Apr 29, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐛 Something doesn't work component: autocomplete This is the name of the generic UI component, not the React module!
Projects
None yet
Development

No branches or pull requests

6 participants