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

React-select-plus "isLoading={true}" property is not showing the loader #84

Closed
alrms opened this issue Jul 12, 2017 · 1 comment
Closed

Comments

@alrms
Copy link

alrms commented Jul 12, 2017

Hello everyone, i'm using react-select-plus and i use onInputChange for calling a service and fetching the options. I've read carefully the documentation and is saying that if we desire to load async options externally we should use the "isLoading" property. But when i've set it in my Select Tag it does not work.
Here is my code:
<Select
id="portf"
options={opts}
isLoading={true}
value={portfolioValue}
onChange={value => portfolioSelector(value, mobileNavCollapsed)}
onInputChange={value =>
searchPortfolioHandler(value)}
/>
Do you have any idea of how to handle this? This is causing me a severe problem because even i have values in my state my list is not refreshing.

@TrevorBurnham
Copy link
Contributor

isLoading just causes the spinner animation to appear:

isLoading={false}

without-isloading

isLoading={true}

with-isloading

If the component has that prop but you don't see the spinner, then my guess would be that you don't have the relevant CSS styles loaded for the .Select-loading-zone and .Select-loading elements.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants