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

Add tooltipZIndex property #3294

Closed
ARandomDude opened this issue Jul 4, 2017 · 1 comment
Closed

Add tooltipZIndex property #3294

ARandomDude opened this issue Jul 4, 2017 · 1 comment
Assignees
Labels
Type: New Feature Issue contains a new feature or new component request
Milestone

Comments

@ARandomDude
Copy link

ARandomDude commented Jul 4, 2017

I'm submitting a ...

[X] bug report
[ ] feature request 
[ ] support request

Plunkr Case (Bug Reports)
http://plnkr.co/edit/78IBU8g0UvINCmQ7aV26?p=preview

Current behavior
In a p-dialog with an input with a pTooltip, the tooltip gets shown on hover as expected; but when clicking the input, the tooltip moves behind the dialog.

Expected behavior
I would expect that, on clicking the input, the tooltip stays on top of the dialog.

Minimal reproduction of the problem with instructions
See the Plunkr above. Click the "dialog" button and then hover and then click the input.

As I can see, the problem is that everytime the dialog or a component inside it gets clicked, the p-dialog's z-index is increased by one (this is probably intended behavior; but leads to the above issue).


Temporary workaround for other users: Just assign the tooltips a z-index high enough that the abovementioned increase will not overshadow the tooltip, e.g.:
body div.ui-widget.ui-tooltip { z-index: 3000 !important; }

@Mrtcndkn Mrtcndkn added the Status: Pending Review Issue or pull request is being reviewed by Core Team label Jul 5, 2017
@cagataycivici cagataycivici self-assigned this Aug 23, 2017
@cagataycivici cagataycivici added Type: Bug Issue contains a bug related to a specific component. Something about the component is not working and removed Status: Pending Review Issue or pull request is being reviewed by Core Team labels Aug 23, 2017
@cagataycivici cagataycivici added this to the 4.1.4 milestone Aug 23, 2017
@cagataycivici cagataycivici changed the title Tooltips inside dialogs get overshadowed by dialog Add tooltipZIndex property Aug 25, 2017
@cagataycivici cagataycivici added Type: New Feature Issue contains a new feature or new component request and removed Type: Bug Issue contains a bug related to a specific component. Something about the component is not working labels Aug 25, 2017
@cagataycivici
Copy link
Member

Added tooltipZIndex to tooltip directive to managing these easier as I currently think it is easier to handle on your side, defaults to auto and in your case should be a higher value.

cagataycivici pushed a commit that referenced this issue Aug 25, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: New Feature Issue contains a new feature or new component request
Projects
None yet
Development

No branches or pull requests

3 participants