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 not appends to given element #21962

Closed
LiadIdan opened this issue Feb 10, 2017 · 4 comments
Closed

Tooltip not appends to given element #21962

LiadIdan opened this issue Feb 10, 2017 · 4 comments
Labels

Comments

@LiadIdan
Copy link

Bootstrap 4 alpha 6.
I'm trying to append tooltip to element by using the container option, but it's not working.
JSFiddle

@echubs
Copy link

echubs commented Feb 14, 2017

Same issue here. From what I see, tooltip gets added to the container first, but then tether moves it back to the body here. I found that tether scans container and all its parent nodes up to the body, if it finds an element with a non-static position - it moves a tooltip (see here). In reality tooltip always ends up in the body, cause grid classes like .col-12 use relative position.

@LiadIdan
Copy link
Author

I found that tether have bodyElement option which can be used to specify which element the tether's should attach themselves to. The problem is that tether currently makes the assumption that all of its calculations must be relative to the body, So even if we will use this option the container element will have to be same size and position respect to the body.
Maybe Popper.js is more suitable than Tether.js?

@Johann-S
Copy link
Member

Will be fixed by #22444

@Johann-S
Copy link
Member

Closed and fixed by #22444

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

No branches or pull requests

4 participants