Ngx-bootstrap: Tooltip component, tooltipAppendToBody property

Created on 26 May 2016  路  20Comments  路  Source: valor-software/ngx-bootstrap

Hello,

How soon are you planning to implement tooltipAppendToBody property? I have an overflowed container and tooltip cuts inside it, so I thought these property could solve the issue, but unfortunately it isn't implemented yet.

enhancement

All 20 comments

@valorkin bump

This is labeled enhancement, but these tooltips are almost unusable without appending to the body. Any position or overflow properties risk tooltips not positioning right.

It also messes up a lot of CSS kung fu. For example button + button { margin-left: 1em; }, the tooltip falls between the buttons and interrupts that margin left.

@brandonreid for now I came up to bootstrap's tooltip wrapped in angular2 component. Not the best solution but at least it works. It's a pity that so much time has passed but no changes related to the issue.

When we do you think this will be done? I need this for my Table-Header-Cells and can't give them tooltips because the tooltip-element is created next to the td-element.

Regards

@Neill83 You could apply the tooltip to a <span> element inside the table cell for now.

@brandonreid ok thanks, i'll try

Just wanted to chime in and bump this, also reminding that tooltips are basically unusable if they don't have append to body.

This is the same for modals, some modals are not affected but it depends on the positioning.

@valorkin any plans to fix/implement this in the near future? Are PRs accepted for this issue?

There PR which gave an idea, but it should use component helper to append to body, not just element

@valorkin I guess you're referring to PR #1074 , correct? From what I see, it already uses the componentsHelper. Or do you imply that it should be using appendNextToRoot instead of getDocument().body.appendChild?

it should be using appendNextToRoot

Yes
problem I see here is a bit wider, dynamic component creation, positioning is hard to understand and use, but it can be actually very simple

Do you mind leaving review comments for this PR, please, so that @jtomaszewski could address them? Right now from the PR's comment thread it looks like everything's okie-doke, when in fact it isn't

I am planning to rewrite append, positioning, content provider services. And things like this will became much easier and consistent

It is 4am, your question woke so much ideas in my head, and I can not sleep now :)

Sounds awesome, thanks for sharing your ideas! And I'm really sorry for keeping you awake this late :) 小锌芯泻芯泄薪芯泄 薪芯褔懈!

Thanks :)

I believe this can be closed now

The docs still say not implemented. So if it was implemented (according to the changelog it is), then that should probably also be updated.

Seems like it's finally done in #1074. Demo is also updated. Thx @valorkin and @jtomaszewski !

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ctrl-brk picture ctrl-brk  路  3Comments

tuoitrexuquang picture tuoitrexuquang  路  3Comments

PascalHonegger picture PascalHonegger  路  3Comments

pgeyman picture pgeyman  路  3Comments

srjkrl20011991 picture srjkrl20011991  路  3Comments