AUI Tabs stop working

Jira Development Jira Cloud
, ,
1

My current prod app is using AUI v8.5.1. Decided to update to the latest libs v9.4.0. I have updated all css/js unpkg links but the final link breaks my tabs–meaning 8.5.1 tabs I can switch between the tabs and it remembers that last tab accessed, but when I change to 9.4.0 it defaults to the primary tab and I can no longer switch between them. It does this if I change the line to anything but 8.5.1. The line in question is below:

  • <script src="https://unpkg.com/@atlassian/aui@8.5.1/dist/aui/aui-prototyping.js"></script>

I know it is accessing this file and I know it is there as I can put the link into the browser and it takes me directly to it. I also compared my code to the latest and the html is identical except for the actual content the tabs contain. I have opened a ticket as well, but as a developer this is driving me crazy because I just can’t see where the failure is when everything looks the same code wise.

Anyway, I guess it is not a “huge” deal because if I leave this one line at 8.5.1 everything appears to work in my app–but of course will do additional testing just to be sure. But I am one of those coders that while it works, it will bother me until I get it resolved. Lol.

Anyway, the community has always been a huge help and much faster responses than ticket submission so I thought I’d see if someone could point me in the right direction.

Thanks in advance!

2

Hi @LorenzoPhillips I’d love to help you with this :slight_smile:

Can you share some codesandbox or jsfiddle reproducing the problem?

3

I was able to resolve the issue.

In my layout.hbs file (I used Atlassian-connect-express for this app), for some reason I had duplicate reference lines for link and script tags. Once I removed the duplicate lines, everything started working using aui 9.4.0.

Not entirely sure how it’s been working all this time. Lol :crazy_face:

1 Like
4

Hi Our confluence is upgraded to 8.5.5 and then AUI tabs stopped working. Though on some pages its working and some pages its behavior is weird, its not changing the tabs.
Do you have any idea how can I resolve this issue? Any help is appreciated.

Thanks,
Sonal

5

Unfortunately, I don’t know what could be going on as I am at a couple of disadvantages. One, our apps are cloud-only so we do not have any server/DC code bases. Two, I’d need to see your code to have a better understanding of how things work and be able to start guiding you on where your issue could be. Sorry that I could not be of more help, but do try and post this in the right area (this is a cloud focused post) as there are thousands of developers out here and I am sure someone will be able to assist you. :sunglasses: