feat: add showClearIcon prop for ion-searchbar

[jonathon-m]

Feature Request

Ionic version:
[x] 5.x

Describe the Feature Request
ion-searchbar clear icon is currently only visible when focused, but when filtering a list of results it is useful to clear without clicking in the text field first.

Describe Preferred Solution
Add a property to the component showClearIcon with possible values that mirror showCancelButton (e.g. "always" | "focus" | "never") and defaulting to "focus" to keep current behavior.

[ionitron-bot]

Thanks for the issue! This issue has been labeled as holiday triage. With the winter holidays quickly approaching, much of the Ionic Team will soon be taking time off. During this time, issue triaging and PR review will be delayed until the team begins to return. After this period, we will work to ensure that all new issues are properly triaged and that new PRs are reviewed.

In the meantime, please read our Winter Holiday Triage Guide for information on how to ensure that your issue is triaged correctly.

Thank you!

[perifer]

I can’t find any examples in apps on iOS where the clear button is hidden on blur. Can this maybe be changed without introducing a new setting?

[liamdebeasi]

Thanks for the issue. This has been resolved via #22759, and a fix will be available in an upcoming release of Ionic Framework.