AngularJS Material - tabs broken after upgrading to Utah

Sitrix
Tera Guru

Hello everyone :=)

We are in the middle of testing a upgraded version of our instance, and have come across an issue with tabs in widgets.

 

The widget has a js/css dependency to the 1.1.0 version, which was working fine in San Diego:

https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.css

https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js

 

However after upgrading to Utah, the tab wouldnt move, and where stuck on the first element. 

We have tried updating the depency to the latest version 1.2.5:

https://ajax.googleapis.com/ajax/libs/angular_material/1.2.5/angular-material.min.css

https://ajax.googleapis.com/ajax/libs/angular_material/1.2.5/angular-material.min.js

 

Now the tab isnt static, but for some reason it overlays each selection twice. Im assuming its a css issue, any thoughts?

I've tried simply pasting a tutorial example from https://material.angularjs.org/1.2.5/demo/tabs into the page, and it still mess up.

 

Edit: I've tried implementing it in a personal instance  where it looks like this:

Sitrix_0-1696015719972.png

 

 

Cheers 🙂 

 

Sitrix_0-1696002758820.png

 

0 REPLIES 0