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

Tooltip using 'always' is Overlay on modal #1473

Closed
JMDC-SUN opened this issue Jun 14, 2019 · 3 comments · Fixed by #2139
Closed

Tooltip using 'always' is Overlay on modal #1473

JMDC-SUN opened this issue Jun 14, 2019 · 3 comments · Fixed by #2139

Comments

@JMDC-SUN
Copy link

I set a tooltip using 'always' props in my main view, it work very well.

<b-tooltip label="開始年齢より終了年齢が大きい" :active="errCheck.age" type="is-danger" :always="errCheck.age" >
image

But When I show a modal over my main view, the tooltip overlay on the modal.
How can I resoled it?
image

@service-paradis
Copy link
Collaborator

You are right. z-index is 888 for the tooltip and 40 for the modal.
We should probably decrease the tooltip z-index to 38 or something like this. We sould also add a condition when a tooltip is inside a modal to increase the value.

This would be a breaking change.

@juanfabrega
Copy link

juanfabrega commented Jan 10, 2020

Hi @service-paradis I recently ran into a related issue whereby a tooltip inside the modal appears cutoff by the modal card body. In your view is this expected and requiring a PR to fix (happy to contribute), or perhaps user error on my part?

EDIT: nevermind it appears this issue is being tracked elsewhere. #1094

Apologies.

@rolandschuetz
Copy link
Contributor

@service-paradis Since the tooltip inside a modal is already inside the modal "stack", no need to have a higher z-index. The z-index is only compared to other elements inside the modal for ordering.

So this fixes the issue:
#2139

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