HubSpot / react-select-plus

Fork of https://github.com/JedWatson/react-select with option group support
http://github.hubspot.com/react-select-plus/
MIT License
286 stars 93 forks source link

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

Closed alrms closed 7 years ago

alrms commented 7 years ago

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 commented 7 years ago

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.