Tooltip doesn't show up when svg's <foreignObject> elements has tag <body> #6597

sshelake25 · 2017-07-19T17:13:12Z

Bug description: Uib Tooltip does not shows when document contains multiple 'body' tag.

Example: When page contains multiple SVG elements and SVG element's contains tag. In that case according to code it tries to to find body tag inside document and appends tooltip to it. but it fails when document contails multiple 'body' tag inside it.

if (appendToBody) {
$document.find('body').append(tooltip);
//it shold be angular.element(document.body).append(tooltip);
} else {
element.after(tooltip);
}

Link to minimally-working plunker that reproduces the issue: As this issues in only producing on our enviorment. its very hard to reproduce it on plunker. As plunker removing multiple body tag. we will provide you DOM screenshot.

Steps to reproduce the issue: add 'body' tag inside SVG element. add such multiple SVG element on page. tooltip won't show when you enabled append-to-body flag to true.

Version of Angular, UIBS, and Bootstrap

Angular:1.4.4

UIBS:1.3.3

Bootstrap:3.3.5

sshelake25 mentioned this issue Jul 20, 2017

fix(tooltip)change to make tooltip work when document contains multile body tags #6598

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Tooltip doesn't show up when svg's <foreignObject> elements has tag <body> #6597

Tooltip doesn't show up when svg's <foreignObject> elements has tag <body> #6597

sshelake25 commented Jul 19, 2017

Tooltip doesn't show up when svg's <foreignObject> elements has tag <body> #6597

Tooltip doesn't show up when svg's <foreignObject> elements has tag <body> #6597

Comments

sshelake25 commented Jul 19, 2017

Bug description: Uib Tooltip does not shows when document contains multiple 'body' tag.

Link to minimally-working plunker that reproduces the issue: As this issues in only producing on our enviorment. its very hard to reproduce it on plunker. As plunker removing multiple body tag. we will provide you DOM screenshot.

Steps to reproduce the issue: add 'body' tag inside SVG element. add such multiple SVG element on page. tooltip won't show when you enabled append-to-body flag to true.

Version of Angular, UIBS, and Bootstrap