Skip to content

Tip is not displayed when rendered twice #202

@wearehappybits

Description

@wearehappybits

I have an interesting case, but maybe you will be aware about this.

I need to display some particular information twice. So I am using the same controller twice, just in different places. Almost everything is the same, but here is how tooltips html comes up:

<tooltip tooltip-template="We recommend to upload or select a larger image for best quality." tooltip-side="top" tooltip-size="small" class="tooltips custom-tooltip">
    <tip-cont><span ng-show="shownotification" class="icon-warning thumb-warn ng-scope" ng-mouseover="hoverOnNotification()" ng-mouseleave="hoverOffNotification()"></span></tip-cont>
    <tip class="_hidden">
        <tip-tip><span class="close-button">×</span>We recommend to upload or select a larger image for best quality.</tip-tip>
        <tip-arrow></tip-arrow>
    </tip>
</tooltip>
        
        
        
        
<!-- tooltips:  -->
<tooltip tooltip-template="We recommend to upload or select a larger image for best quality." tooltip-side="top" tooltip-size="small" class="tooltips custom-tooltip _top _steady _ready">
    <tip-cont><span ng-show="shownotification" class="icon-warning thumb-warn ng-scope ng-hide" ng-mouseover="hoverOnNotification()" ng-mouseleave="hoverOffNotification()" aria-hidden="true"></span></tip-cont>
    <tip class="">
        <tip-tip class="_small"><span class="close-button" style="display: none;">×</span>We recommend to upload or select a larger image for best quality.</tip-tip>
        <tip-arrow></tip-arrow>
    </tip>
</tooltip>
        
        
 One is displayed correctly (second one in the DOM). The first one for some reason gets this:    <tip class="_hidden">

Any idea on why this happens or where I could look to dig deeper?

Thanks.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions