angular-tooltips icon indicating copy to clipboard operation
angular-tooltips copied to clipboard

Tip is not displayed when rendered twice

Open wearehappybits opened this issue 7 years ago • 2 comments

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.

wearehappybits avatar May 05 '17 22:05 wearehappybits

So, I got it narrowed but still can not find the exact issue. To be short I am adding on the same class (same name) twice. And it only renders once.

wearehappybits avatar May 10 '17 16:05 wearehappybits

@wearehappybits Hi, can you show the html you wrote? (not the html generated by the tooltip) thanks.

45kb avatar May 19 '17 09:05 45kb