Блог

Я использую http://angular-ui.github.io/bootstrap / аккордеон и поповер внутри аккордеона. Но Popover и accordion создают наложение, а всплывающий блок отображается только внутри accordion.

Html — код:

 <accordion>
    <accordion-group is-open="element.hide" is-disabled="lock">
        <accordion-heading>
            <a href="" ng-click="element.hide = false"><i class="icon-chevron-right" ng-hide="element.hide"></i></a>
            <a href="" ng-click="element.hide = true"><i class="icon-chevron-down" ng-show="element.hide"></i></a>
            <i ng-show="element.description" popover="{{element.description}}" popover-trigger="mouseenter" class="icon-info-sign"></i> 
        </accordion-heading>
        //inner eccordion HTML
    </accordion-group>
</accordion>
 

Было бы лучше, если бы вы могли предоставить plunkr. Но я чувствую, что «popover-append-to-body» может решить вашу проблему.

 <i ng-show="element.description" popover="{{element.description}}" popover-trigger="mouseenter" popover-append-to-body="true" class="icon-info-sign"></i>