search

creativetimofficial / ct-paper-dashboard-pro-angular

8 stars 10 forks source link

[Bug] Tooltips not working #39

Closed zdmano closed 4 years ago

zdmano commented 4 years ago

Version

1.3.0

Reproduction link

https://demos.creative-tim.com/paper-dashboard-pro-angular/#/dashboard

Operating System

MAC OS

Device

Macbook

Browser & Version

Chrome 81

Steps to reproduce

Browse to : https://demos.creative-tim.com/paper-dashboard-pro-angular/#/dashboard -> hover over the tasks card buttons at the end .

The HTML version seems to work ok.

What is expected?

Tooltips should show

What is actually happening?

Tooltips aren't showing

Solution

Additional comments

zdmano commented 4 years ago

It seems there is no place where tooltips are initialized .

A search for $('[rel="tooltip"]').tooltip(); brings up nothing

rarestoma commented 4 years ago

Hi @zdmano,

Thank you for working with our products and for pointing us this issue.

Please add the following code in dashboard.component.ts in interior of export class DashboardComponent implements OnInit function:

ngAfterViewInit(){ // Init Tooltips $('[rel="tooltip"]').tooltip(); }

Please let me know if it works.

Thank you, Rares

zdmano commented 4 years ago

It worked but in the end I opted for using ng-bootstrap across the app.

Nonetheless I think the fix you mentioned should be included in an update.

Thanks