Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ionic-tooltips not supported in ModalController #31

Open
sachinkumaram opened this issue Jan 16, 2018 · 2 comments
Open

ionic-tooltips not supported in ModalController #31

sachinkumaram opened this issue Jan 16, 2018 · 2 comments

Comments

@sachinkumaram
Copy link

Unable to show hints message using ionic-tooltips in ModalController

@AwsmOli
Copy link

AwsmOli commented Jan 24, 2018

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

@jrquick17
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants