Ionicon automatic 'tooltip' when hovered

Ionic Framework
1

Folks, I’ve noticed that when I hover over an ion-icon inside a ion-chip component, a small tooltip-like title pops up, showing the ionicon label, as per you can see in the image below:
crop

Is there any way to prevent/edit the text of this event? Since I’m developing the application for a local customer, English is not our native language.

I’ve also searched the forum and the web for the solution, even in the IonIconComponent itselt, but I can’t seem to find a work around.

Thanks in advance

2

You can apply css:

ion-icon {
pointer-events :none;
}

I’m seeing a similar problem in Ionic 5.5, and my workaround was to wrap the icon in a span which has the desired tooltip in the title property;

3 Likes