angular-ui / bootstrap

PLEASE READ THE PROJECT STATUS BELOW. Native AngularJS (Angular) directives for Bootstrap. Smaller footprint (20kB gzipped), no 3rd party JS dependencies (jQuery, bootstrap JS) required. Please read the README.md file before submitting an issue!
http://angular-ui.github.io/bootstrap/
MIT License
14.28k stars 6.73k forks source link

UIB-popover displays incorrectly when pointing to an element in a UIB-accordion #6539

Closed Nokel81 closed 7 years ago

Nokel81 commented 7 years ago

Bug description:

When placing a uib-popover tag on an a table cell element within a uib-accordian-group the popover gets does not display incline to where the text is rendered.

Link to minimally-working plunker that reproduces the issue:

Code:

<uib-accordion close-others="true">
    <div uib-accordion-group class="panel-default" ng-repeat="grouping in groupings track by $index" heading="{{grouping.parent}}" is-open="grouping.isOpen">
        <table>
            <tr ng-repeat="group in grouping.children">
                <td>
                    <div class="clickable unselectable" href="#" ng-click="setCurrentFigure(group)" uib-popover="{{definitons[group]}}" popover-trigger="'mouseenter'" popover-placement="right">{{group}}</div>
                    <hr class="fancy">
                </td>
            </tr>
        </table>
    </div>
</uib-accordion>

Version of Angular, UIBS, and Bootstrap

Angular: 1.5.0

UIBS: 2.5.0

Bootstrap: 3.3.7

Gif showing example: capture

WVWillHall commented 7 years ago

You didn't provide a plnkr so I can't confirm this, but usually the solve for these issues is popover-append-to-body