question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

clearIndicator is not showing

See original GitHub issue

I am not sure if I am missing something but when using isClearable={true} the clear indicator is still not showing,

error

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:5

github_iconTop GitHub Comments

1reaction
Rall3ncommented, Aug 3, 2020

@Rall3n but in the example it showing the clear icon when I type in the input box.

@sumanta-ghosh Because the Select component has an option selected. If it has a selected option, it will render the ClearIndicator component.

If I select any value from the list then it shows the clear button. When I focus and start typing then that clear button remains there and when I click on a clear button then search string removed and the clear button disappears. Maybe that is a bug.

What you described is the default and expected behavior. It is not a bug.

I believe you misunderstand the ClearIndicator components purpose. It’s for clearing the value of the Select component i.e. the selected options. The search input has nothing to do with it.

0reactions
sumanta-ghoshcommented, Aug 3, 2020

If I select any value from the list then it shows the clear button. When I focus and start typing then that clear button remains there and when I click on a clear button then search string removed and the clear button disappears. Maybe that is a bug.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to make react-select searchable always show clear ...
Actually, clear indicator only show when value has selected, i want to show up this when any value has type. The reason is...
Read more >
Components - React Select
When the select has no value; When the select is loading. See props docs for more details. Custom ClearIndicator Example.
Read more >
Clearlight Saunas: Clearlight Infrared Saunas for Home ...
Find a high-quality infrared sauna for your home or business with 12 months NO interest financing. Learn how Clearlight® saunas help with detox...
Read more >
Westinghouse Lighting Corp 6-watt S6 Clear Indicator Bulb, 2 ...
Westinghouse Lighting Corp 6-watt S6 Clear Indicator Bulb, 2-Pack - Halogen Bulbs ... ‎No. Color Temperature, ‎700 Kelvin. Number of Items, ‎1. Shape,...
Read more >
ClearLight Welding Helmet Lens Technology | MillerWelds
ClearLight Lens Technology allows more colors of the visible light spectrum to come through the lens for ... Welding isn't just what we...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found