ionic-tooltips icon indicating copy to clipboard operation
ionic-tooltips copied to clipboard

ionic-tooltips not supported in ModalController

Open sachinkumaram opened this issue 7 years ago • 2 comments

Unable to show hints message using ionic-tooltips in ModalController

sachinkumaram avatar Jan 16 '18 13:01 sachinkumaram

i ran into the same issue, just add a z-index to your tooltip boxes:

//src/app/app.scss 
tooltip-box     {
    z-index: 100000;
}

then they will show up in modals

AwsmOli avatar Jan 24 '18 12:01 AwsmOli

As @AwsmOli said, you can target the directive directly.

OR.. I have created an updated version of this project; ionic4-tooltips.

In it I have add a wrapper div with the class tooltip-box which you can target in css:

.tooltip-box     {
    z-index: 100000;
}

Or pass styles directly through an attribute:

<ion-button tooltip="I'm a beautiful tooltip"
                      [tooltipStyles]="{ 'z-index': 100000; }">
    Tooltip
</ion-button>

Added in this commit

jrquick17 avatar Oct 30 '19 04:10 jrquick17