css - Angular accordion and popover overlay -
css - Angular accordion and popover overlay -
i'm using http://angular-ui.github.io/bootstrap/ accordion , popover within accordion. popover , accordion creates overlay , popover block displays within accordion.
html code:
<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>
it improve if can provide plunkr. sense "popover-append-to-body" might solve problem.
<i ng-show="element.description" popover="{{element.description}}" popover-trigger="mouseenter" popover-append-to-body="true" class="icon-info-sign"></i>
css angularjs angular-ui-bootstrap
Comments
Post a Comment