search

eakoriakin / ionic-selectable

Ionic Selectable is an Ionic versatile and highly customizable component that serves as a replacement to Ionic Select, and allows to search items, including async search, create items, customize the layout with templates and much more. It provides an intuitive API and is easy to set up and use.
MIT License
549 stars 125 forks source link

clearButtonText not show #320

Closed RidClick closed 3 years ago

RidClick commented 3 years ago

ionic v6.12.3

"@angular/core": "^10.2.3", "ionic-selectable": "^4.7.1"

<ionic-selectable [canClear]="true" clearButtonText="Clean"> </ionic-selectable>

Show a button without text.

RidClick commented 3 years ago

Any solution for this?

edy-ap commented 3 years ago

Can you show an example?

RidClick commented 3 years ago

I have found the real problem with this. It turns out that in my application I need the footer with a background transparent and for some reason you have decided to put the text color for the html button not the ion-button with the css like

background: var(--ion-toolbar-color, var(--background)); color: var(--ion-toolbar-background, var (--color));

Which has driven me crazy for a couple of weeks until I found the problem. I have solved the problem by changing the color of my toolbar.

--ion-toolbar-background: var(--ion-background-color);

I suppose the other option is to add a custom button that fires the clean event but I suppose the css problem would continue. For my part I have understood the problem and you can close this issue.