AngularJS Material - tabs broken after upgrading to Utah
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
09-29-2023 08:52 AM - edited 09-29-2023 12:28 PM
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:
Cheers 🙂