Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tip is not displayed when rendered twice #202

Open
wearehappybits opened this issue May 5, 2017 · 2 comments
Open

Tip is not displayed when rendered twice #202

wearehappybits opened this issue May 5, 2017 · 2 comments

Comments

@wearehappybits
Copy link

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
Copy link
Author

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.

@45kb
Copy link
Member

45kb commented May 19, 2017

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants