Ngx-bootstrap: Appending tooltip to body is not working.

Created on 16 Jan 2017  路  13Comments  路  Source: valor-software/ngx-bootstrap

I am using tool tip inside table. Here is code.

          <td [tooltip]="reason.value"
              container="body">
            {{reasonFieldWrapper(reason.value)}}
          </td>

But after running project tooltip is not appending to the body, it is appending to the td.

Here is element tree after rendering.

element-tree

question
Source
picture webcat12345

Most helpful comment

it was so long ago...
latest version is 1.9.3 https://valor-software.com/ngx-bootstrap/#/
and @next version is beta.7 already
works in both of them http://ngx-bootstrap.surge.sh/#/

picture valorkin on 24 Oct 2017
👍2

All 13 comments

Just solved this issue my self using <span > tag inside <td>. Like this 

          <td>
            <span [tooltip]="reason.value"
            container="body">{{reasonFieldWrapper(reason.value)}}</span>

          </td>

But I don't know why it is working and why <td> is not working. Anyone please help. Thanks.

webcat12345 picture webcat12345 on 16 Jan 2017

It is very interesting! Holder element should not affect logic, hm

valorkin picture valorkin on 16 Jan 2017
👍1

Even if I use <span> tag or <td> for it, <tooltip> is not appending to <body>. Is it related with Component in Angular2? Why it does not find out <body> Correctly?
I use <span> tag because it makes table Stable when showing tooltip.
If there is anyway to append tooltip to <body> please let me know thanks.

webcat12345 picture webcat12345 on 17 Jan 2017

ng2 bootstrap version?

valorkin picture valorkin on 17 Jan 2017

"ng2-bootstrap": "^1.1.16"

webcat12345 picture webcat12345 on 17 Jan 2017

This is this the issue, please update to ng v2.3+ and latest ng2 bootstrap

valorkin picture valorkin on 17 Jan 2017
❤1 👍1

closing this, because container="body" was added in 1.2+
if you will have any additional questions drop me a note

valorkin picture valorkin on 18 Jan 2017
❤1 👍1

Thank you very much! Its working.

webcat12345 picture webcat12345 on 18 Jan 2017

awesome! glad to hear it
it works same way for popovers, and will work for all other popup components later

valorkin picture valorkin on 18 Jan 2017

Cool Stuff. Will definitely use this component.

webcat12345 picture webcat12345 on 18 Jan 2017

Hi tooltip is not appending to the body, As container="body" not working inside


class="{{i.disabledLinkClass}}">
{{i.label}}


IntelligaiaVivek picture IntelligaiaVivek on 26 Sep 2017
👍1

Still its not working with version 1.6.6 as well.

GopiAnnan picture GopiAnnan on 24 Oct 2017

it was so long ago...
latest version is 1.9.3 https://valor-software.com/ngx-bootstrap/#/
and @next version is beta.7 already
works in both of them http://ngx-bootstrap.surge.sh/#/

valorkin picture valorkin on 24 Oct 2017
👍2
Was this page helpful?
0 / 5 - 0 ratings

Related issues

srjkrl20011991 picture srjkrl20011991  路  3Comments
MihaiHoriaPopescu picture MihaiHoriaPopescu  路  3Comments
MrBlaise picture MrBlaise  路  3Comments
KimBum picture KimBum  路  3Comments
mounthorse-slns picture mounthorse-slns  路  3Comments