Skip to content
This repository has been archived by the owner on Mar 22, 2020. It is now read-only.

Cropped tooltip when using box #56

Open
nickcn opened this issue Oct 20, 2019 · 4 comments
Open

Cropped tooltip when using box #56

nickcn opened this issue Oct 20, 2019 · 4 comments
Labels

Comments

@nickcn
Copy link

nickcn commented Oct 20, 2019

Version: ^3.0.0 installed through npm

Hello,
I have a problem when trying to use this extension with the bulma box element. Tooltip stays within the box's borders. Would it be possible to have the tooltip on top of the box?

Behaviour:
Untitled

@Niek
Copy link

Niek commented Oct 22, 2019

I think it's because is display: inline-block. I have the same problem, I tried changing to display: block and giving a higher z-index, but that doesn't seem to work.

@nickcn
Copy link
Author

nickcn commented Oct 22, 2019

Using position: fixed on the tooltip-ed element, makes the tooltip visible, but that breaks my layout really bad.

@Wikiki Wikiki added the bug label Oct 23, 2019
@bkarlson
Copy link
Contributor

overflow: visible on parent element may help as well

@Craftmoon
Copy link

Also happens when columns get stacked in tablet/mobile.

image

Changing the css attribute position:relative to position:absolute from classes [data-tooltip]:not(.is-loading), [data-tooltip]:not(.is-disabled), [data-tooltip]:not([disabled]) fixed it for me.

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

No branches or pull requests

5 participants